Аккордеон

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

Аккордеон представляет собой вертикально сложенный список из нескольких секций с контентом.
Каждая секция может открыта или свернута по клику.

Стиль аккордеона

Доступно три готовых стиля:

По умолчанию

Секция 1

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 2

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 3

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 4

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

С обводкой

Секция 1

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 2

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 3

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 4

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Подчеркнутый

Секция 1

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 2

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 3

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 4

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Тип аккордеона

Доступно два типа аккордеона, отличающиеся по принципу открывания секций:

Аккордеон

При открытии одной секции, все остальные закрываются.

Секция 1

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 2

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 3

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 4

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Независимый

Несколько секций могут быть открыты одновременно.

Секция 1

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 2

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 3

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Секция 4

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Настройки секций

В заголовке каждой секции можно добавить иконку перед названием или после него.
Также есть возможность выбрать положение открывающей стрелки справа или слева.

Заголовок слева

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок слева

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок слева

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок слева

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок по центру

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок по центру

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок по центру

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок по центру

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок справа

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок справа

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок справа

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок справа

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Можно открыть отдельные секции сразу при загрузке страницы.
Вместо открытия секции по клику можно настроить переход по ссылке.

У контента секций настраивается выравнивание текста.

Эта секция свёрнута при загрузке страницы

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Эта секция отрыта при загрузке страницы

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Заголовок этой секции является ссылкой
Заголовок этой секции является ссылкой
Выравнивание контента по ширине

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.

Выравнивание контента по центру

Вот вам яркий пример современных тенденций — реализация намеченных плановых заданий играет важную роль в формировании позиций.