Эта страница о том, как свернуть содержимое при редактировании страниц Википедии. О том, как
не отказаться от редактирования Википедии, см.
WP: Wikibreak . Руководство по стилю сворачивания содержимого см. В
MOS: COLLAPSE .
Разборный элемент содержит тумблер читателя может использовать , чтобы показать или скрыть содержимое элемента. Элементы становятся сворачиваемыми путем добавления mw-collapsible
класса или, альтернативно, с помощью шаблона {{ Collapse }} или его вариантов {{ Collapse-top }} и {{ Collapse-bottom }}.
Складные таблицы [ править ]
mw-collapsible
Класс может сделать любой элемент сборно - разборным, но таблицы особенно просто сделать разборным. Добавление mw-collapsible
класса в таблицу автоматически устанавливает переключатель и выбирает, какие части свернуть.
Обычно используется сворачиваемая компоновочная таблица, которая всегда отображает введение или сводку, но скрывает остальную часть содержимого от непосредственного просмотра. Введение или резюме находится в первой строке, а содержание - в последующих строках. Затем контент становится легко доступным с помощью кнопки «показать».
В приведенных ниже примерах класс wikitable
используется только для внешнего вида; это не нужно для mw-collapsible
работы.
Код введен | Результат произведен |
---|
{| role = "презентация" class = "wikitable mw-collapsible"| <strong> Lorem ipsum </strong>| -| Lorem ipsum dolor sit amet|} | Lorem ipsum | Lorem ipsum dolor sit amet |
|
Более сложные таблицы данных также могут быть сворачиваемыми.
Код введен | Результат произведен |
---|
{| class = "wikitable mw-collapsible"| + class = "nowrap" | Зимние Олимпийские игры| -|! scope = "col" | Город! scope = "col" | Страна| -! scope = "row" | 1994 г.| Лиллехаммер || Норвегия| -! scope = "row" | 1998 г.| Нагано || Япония|} | Зимние Олимпийские игры | Город | Страна |
---|
1994 г. | Лиллехаммер | Норвегия |
---|
1998 г. | Нагано | Япония |
---|
|
Свертывание по умолчанию [ править ]
Простое использование mw-collapsible
класса оставляет элемент развернутым по умолчанию, но читатель может его свернуть. Также можно сделать элемент свернутым по умолчанию и, при необходимости, развернутым. Для этого есть несколько способов, в зависимости от ситуаций, в которых вы хотите, чтобы элемент свернулся.
"mw-collapsed" [ править ]
Добавление mw-collapsed
класса приведет к тому, что элемент всегда будет изначально свернут, независимо от того, что происходит вокруг него. Это самый простой способ сделать это. Используя приведенные выше примеры:
Код введен | Результат произведен |
---|
{| роль = "презентация" класс = "wikitable mw-collapsible mw-collapsed"| <strong> Lorem ipsum </strong>| -| Lorem ipsum dolor sit amet|} | Lorem ipsum | Lorem ipsum dolor sit amet |
|
{| class = "wikitable mw-collapsible mw-collapsed"| + class = "nowrap" | Зимние Олимпийские игры| -|! scope = "col" | Город! scope = "col" | Страна| -! scope = "row" | 1994 г.| Лиллехаммер || Норвегия| -! scope = "row" | 1998 г.| Нагано || Япония|} | Зимние Олимпийские игры | Город | Страна |
---|
1994 г. | Лиллехаммер | Норвегия |
---|
1998 г. | Нагано | Япония |
---|
|
"autocollapse" [ править ]
Использование этого метода приводит к перекомпоновке страницы / скачкам, и этого обычно следует избегать.
Добавление autocollapse
класса приводит к сворачиванию элемента, если на странице есть 2 или более сворачиваемых элемента. Этот порог может отличаться в других проектах и может быть изменен . Таким образом, приведенный ниже пример сворачивается, потому что на этой странице есть множество складных элементов.
Код введен | Результат произведен |
---|
{| role = "presentation" class = "wikitable mw-collapsible autocollapse"| <strong> Lorem ipsum </strong>| -| Lorem ipsum dolor sit amet|} | Lorem ipsum | Lorem ipsum dolor sit amet |
|
"внутренний коллапс" и "внешний коллапс" [ править ]
Использование этого метода приводит к перекомпоновке страницы / скачкам, и этого обычно следует избегать.
Используя эту пару классов, можно сделать элемент свернутым по умолчанию, только если он содержится внутри определенного внешнего элемента. Элемент с mw-collapsible
и innercollapse
классами по умолчанию свернут , если оно содержится в элементе с outercollapse
классом; в противном случае по умолчанию он не свернут. Это в основном полезно для шаблонов, которые часто являются вложенными.
Код введен | Результат произведен |
---|
{| role = "presentation" class = "wikitable mw-collapsible innercollapse"| Этот элемент < code > innercollapse </ code > является| -| < em > не свернутый </ em > по умолчанию|}< div class = "wikitable outercollapse" style = "padding: 1em; background: #ccc;" >
Это элемент с < код > outercollapse </ код > класса.{| role = "presentation" class = "wikitable mw-collapsible innercollapse"| Этот элемент < code > innercollapse </ code > является| -| < em > свернуто </ em > по умолчанию|}</ div > | Этот innercollapse элемент | по умолчанию не свернут |
Это элемент с outercollapse классом. Этот innercollapse элемент | свернут по умолчанию |
|
Другие примечания [ править ]
Таблицы с подписями [ править ]
Таблица без заголовка свернется до своей первой строки. Таблица с заголовком свернется к своему заголовку, без строк и, следовательно, без ширины. Используйте class="nowrap"
или {{ nowrap }}, чтобы заголовок не превратился в вертикальный столбец, когда таблица свернута.
Код введен | Результат произведен |
---|
{| class = "wikitable sortable mw-collapsible" | + class = "nowrap" | Довольно длинная подпись к таблице! Имя !! Счет| -| Джон || 59| -| Боб || 72|} | Довольно длинная подпись к таблицеИмя | Счет |
---|
Джон | 59 | Боб | 72 | |
Сортируемые таблицы [ править ]
Сворачиваемые таблицы можно без труда комбинировать с функциями сортируемых таблиц . Однако, поскольку кнопка скрытия / отображения расположена collapsible
в первой ячейке заголовка или mw-collapsible
в правой ячейке заголовка (эта разница может измениться ), ее расположение может выглядеть немного странно, если ячейка недостаточно широкая:
Код введен | Результат произведен |
---|
{| class = "wikitable mw-collapsible sortable" style = "width: 5em"<! - ширина таблицы слишком мала, здесь специально ->| -! Имя !! Счет| -| Джон || 59| -| Боб || 72|} | |
Возможная альтернатива - добавить заголовок над таблицей. См. Следующий пример.
Код введен | Результат произведен |
---|
{| class = "wikitable sortable mw-collapsible" | + class = "nowrap" | Подпись! Имя !! Счет| -| Джон || 59| -| Боб || 72|} | ПодписьИмя | Счет |
---|
Джон | 59 | Боб | 72 | |
Зарегистрированные пользователи могут редактировать свой личный файл js, чтобы изменить некоторые из используемых переменных.
autoCollapse = 4 // сколько сворачиваемых таблиц на странице до того, как сработает автосворачивание (по умолчанию = 2) var collapseCaption = 'collapse' // текст ссылки [скрыть] (default = 'hide') var expandCaption = 'uncollapse' // текст ссылки [показать] (по умолчанию = 'показать')
Ограничения [ править ]
- Эта функция требует, чтобы в браузере конечного пользователя был включен JavaScript . Если JavaScript отключен, по умолчанию отображается содержимое.
- Он также не работает в мобильных браузерах (или браузерах настольных компьютеров в мобильном режиме).
Документация:
Шаблоны:
Внешние ссылки [ править ]
- meta: Справка: Сворачивание
- mw: Руководство: Разборные элементы
- mw: ResourceLoader / Модули по умолчанию # jquery.makeCollapsible