Установка и использование аккордеона

Файлы для аккордеона расположены в отдельной папке accordeon.

accordeon-script.js — файл со скриптом. Его можно установить в тему отдельным файлом, можно добавить скрипт в файл scripts.js. Если вам не нужны аккордеоны слишком часто, а лишь в единичных уроках, вы можете устанавливать его в конкретные уроки, чтобы скрипт не загружался на всех страницах школы.

То же относится и к файлу стилей для аккордеона accordeon-styles.css.

Вставка аккордеона в урок

Чтобы добавить аккордеон на страницу урока, сначала добавьте стандартный блок «Заголовок и текст»

Далее для всего блока добавьте класс accordeon_block. Также не забудьте сделать ширину блока на все 12 колонок, чтобы аккордеон занял всю ширину урока (4).

Теперь добавляем класс accordeon_item для заголовка. Также измените выравнивание текста (3), чтобы текст на вкладке аккордеона был выровнен по левому краю.

Готово. Теперь остаётся только скопировать заголовки для создания дополнительных вкладок и наполнить их контентом.

В аккордеон можно вставлять текст, заголовки, видео, изображения, кнопки и другие элементы.