Сворачивание блоков

Использование шаблонов

Вариант 1. Изображение

Раздел 3-го уровня со сворачиваемым содержимым

Особенности: изображение слева, содержимое раздела оформляется отступом слева

Блок, сворачиваемый с помощью щелчка по изображению.

1-й Раздел 4-го уровня

Текст раздела

2-й Раздел 4-го уровня

Текст раздела

Второй Раздел 3-го уровня со сворачиваемым содержимым

1-й Раздел 4-го уровня

Текст раздела

2-й Раздел 4-го уровня

Текст раздела

Подраздел 5-го уровня 1

Текст раздела

Подраздел 5-го уровня 2

Текст раздела

1-й Раздел 4-го уровня

Текст раздела

Макеты с исходным кодом оформления

Раздел 1 со сворачиваемым содержимым

Особенности: изображение слева, содержимое раздела оформляется отступом слева

Блок, сворачиваемый с помощью щелчка по изображению.

Подраздел 1-1 со сворачиваемым содержимым

Подраздел, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Второй подраздел со сворачиваемым содержимым

Подраздел 1-2, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Подраздел 1-2-1 со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Раздел 2 со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Подраздел 2-1 со сворачиваемым содержимым

Подраздел, сворачиваемый с помощью щелчка по изображению.

Содержимое блока в несколько строк

Сворачиваемый блок с изображением

Заголовок со сворачиваемым содержимым

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока

в несколько строк

Блок 2. Заголовок

Блок, сворачиваемый с помощью щелчка по изображению.

Содержимое блока

в несколько строк

Сворачиваемый блок простой

Текст для показа

Скрытый текст. Блок 600px в рамке

Сворачиваемый раздел (простой)

Раздел, сворачиваемый с помощью двух шаблонов.

Содержимое раздела

в несколько строк

Ссылки

• https://test.wikipedia.org/wiki/Test_suite_for_mw-collapsible -- Примеры