Аккордеон

Аккордеон представляет собой список, каждый элемент которого может быть развернут или свернут. Использование аккордеона позволяет реализовать удобную навигацию для страниц с большим содержанием.

Чтобы реализовать аккордеон, используйте вложенную структуру элементов div:
<div data-block="accordion">
   <div data-block="item" ...>...</div>
   ...
</div>


<div data-block="accordion">
   <div data-block="item" data-title="Москва">Содержимое первого блока</div>
   <div data-block="item" data-title="Санкт-Петербург" data-expanded="true">Содержимое второго блока</div>
</div>

Атрибуты вложенного <div data-block="item">:

Атрибут Описание
data-title * Название элемента в списке.
data-expanded

Позволяет отображать элемент развернутым. Возможные значения:

  • true — элемент отображается развернутым.
  • false — элемент отображается свернутым.

По умолчанию все элементы свернуты.

* Обязательный атрибут.