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

Материал из СисадминВики песочница
Версия от 11:52, 13 декабря 2017; 24pm (обсуждение | вклад) (Вариант 1. Изображение)
Перейти к: навигация, поиск

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

Вариант 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 со сворачиваемым содержимым

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

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

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

Стрелка вверх.png
Стрелка вниз.png

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

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

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

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


Стрелка вверх.png
Стрелка вниз.png

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

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

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

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

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

Текст для показа
Скрытый текст. Блок 600px в рамке

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

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

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

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

Ссылки