Как настроить автоматическое сворачивание подразделов в оглавлении сайта?
Чтобы оглавление вашего сайта автоматически сворачивало подразделы при нажатии на главный пункт, нужно прописать специальный атрибут data-collapse в HTML-разметке страницы. Например, если у вас есть подраздел «О компании», его можно сделать свернутым изначально так: <h2 data-collapse>О компании</h2>.
Практические советы:
- Добавьте атрибут
data-collapse="true"ко всем нужным заголовкам второго уровня (H2), чтобы они автоматически скрывались после первого раскрытия. - Используйте CSS-стили
.accordion .collapsed { display: none; }, чтобы скрыть скрытые подразделы визуально.
Чек-лист настройки:
- Найдите все заголовки H2 на странице.
- Пропишите атрибут
data-collapse="true". - Примените стили для отображения скрытого содержимого.
Внимание:
Условия: Внедрение системы — от 50 000 ₽/мес.
Если бюджет подходит — посмотреть тарифы →