FANDOM


Таблиці, що згортаються (зхлопуються) дозволяють приховати інформацію в таблиці, за допомогою спеціальної кнопки "згорнути/розгорнути". Це також можна використовувати, що сховати текст на сторінці. Дану функцію корисно використовувати, коли сторінка містить дуже багато інформації, частина з якої затребувана лише в деяких випадках, тому її можна приховати або щоб приховати спойлери, або якщо у статті є дві або більше навігаційних таблиць (наприклад, дивися отут)

Як складається таблиця Редагувати

Додайте код "mw-collapsible" як клас, щоб у таблиці з'явилася посилання "згорнути/розгорнути".


{|class="wikitable mw-collapsible" style="float:right" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |- | 3 || |}

<style="width:440px">
{| class="wikitable mw-collapsible" style="float:right"
! Цифра !! Буква
|-
| 1 || A
|-
| 2 || Б
|-
| 3 || 
|} </style>

Текст, який можна приховати Редагувати

Аналогічно можна цей клас можна використовувати і для тексту всередині статті.

Код

<source lang="html4strict" enclose="">div <div class="mw-collapsible"> Текст, який можна приховати. </div> </>source "'Результат:"' <div class="mw-collapsible" style="overflow: hidden;"> Текст, який можна приховати. </div>

Таблиця, згорнута спочатку Редагувати

Щоб таблиця спочатку була згорнута, використовуйте подвійний код: "mw-розваливсятаmw-collapsible".

Приклад: <pre> {| class="mw-collapsible mw-customtoggle- wikitable" ! Заголовок || завжди буде видно |- | Вміст || завжди |- | буде || приховано |} </pre>

{| class="mw-collapsible mw-customtoggle-wikitable" ! Заголовок || завжди буде видно |- | Вміст || завжди |- | буде || приховано |}

Приховування спойлерів в тексті Редагувати

Сховати текст всередині статті можна, використовуючи подвійний код: зазначений у попередньому розділі з додаванням коду "mw-collapsible-content".

Код

<source lang="html4strict" enclose="">div <div class="mw-collapsible mw-customtoggle" style="width:100%> Цей текст передує прихованого тексту <div class="mw-collapsible-content">Цей прихований текст спочатку.</div> </div> </>source

Результат

<div class="mw-collapsible mw-customtoggle" style="width:100%> Цей текст передує прихованого тексту <div class="mw-collapsible-content">Цей прихований текст спочатку.</div> </div>

Параметри тексту "згорнути/розгорнути" Редагувати

Можна додати свій текст замість стандартного "згорнути/розгорнути". Для цього використовуйте код "data-expandtext та data-collapsetext".

<pre> {| class="wikitable mw-collapsible" data-expandtext="Відкрити" data-collapsetext="Закрити" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |} </pre>

{| class="wikitable mw-collapsible" data-expandtext="Відкрити" data-collapsetext="Закрити" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}


Ви також можете зовсім замінити стандартний текст, відредагувавши сторінки

Кнопка "згорнути/розгорнути" Редагувати

Як ви помітили, посилання "згорнути/розгорнути" збільшує ширину колонки таблиці, де вона знаходиться. Цього можна уникнути, якщо винести перемикач за межі таблиці, що зручно зробити за допомогою кнопки.

Якщо присвоїти перемикачу ID="mw-customcollapsible-myTable", використовуючи код "mw-customtoggle-myTable" можна здійснити це наступним чином:

<pre> {| class="wikitable mw-collapsible" id="mw-customcollapsible-myTable" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}

<nowiki><div class="mw-customtoggle-myTable wikia-menu-button">Відкрити/закрити таблицю</div></pre> </nowiki> <nowiki>{| class="wikitable mw-collapsible" id="mw-customcollapsible-myTable" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}</nowiki>

<div class="mw-customtoggle-myTable wikia-menu-button">Відкрити/закрити таблицю</div>

Див. також Редагувати

Виноски Редагувати


Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

Мережа Вікії

Випадкова вікі