Аккордеон
Аккордеон представляет собой список, каждый элемент которого может быть развернут или свернут. Использование аккордеона позволяет реализовать удобную навигацию для страниц с большим содержанием.
Чтобы разместить аккордеон, используйте вложенную структуру элементов div
<div data-block="accordion">
<div data-block="item" data-title="What is Lorem Ipsum">
<p>...</p>
</div>
<div data-block="item" data-title="Where does it come from" data-expanded="true">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
</div>
<div data-block="item" data-title="Why do we use it">
<p>...</p>
</div>
<div data-block="item" data-title="Where can I get some">
<p>...</p>
</div>
</div>
Атрибуты вложенного <div data-block="item">
Атрибут |
Описание |
|
Название элемента в списке. |
|
Позволяет отображать элемент развернутым. Возможные значения:
По умолчанию все элементы свернуты. |
* Обязательный атрибут.