> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/akkordeon.md).

# Аккордеон

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

<figure><img src="/files/AAKCmDCjlUHLiRQrTbVU" alt=""><figcaption></figcaption></figure>

**Дважды кликните по элементу чтобы увидеть его настройки.**

<figure><img src="/files/yDM7g3eRkm6irb1ukLaX" alt="" width="299"><figcaption></figcaption></figure>

### 1. Добавить компонент

Чтобы добавить новый элемент компонента, нажмите кнопку «Добавить», расположенную в настройках элемента.

<figure><img src="/files/sNt0jnftOP9oGXidKl4o" alt=""><figcaption></figcaption></figure>

### 2. Сделать первый компонент раскрытым

Чтобы сделать первый компонента аккордеона автоматически раскрытым, переключите свойство "Первый" на "Да".

<figure><img src="/files/ZnxzgL38lZ9Ytlq2vqMh" alt=""><figcaption></figcaption></figure>

### 3. Удалить компонент

Чтобы удалить компонент, выберите опцию «Удалить» в настройках элемента.

<figure><img src="/files/K39qaPNyWs1YUHS6ToGP" alt=""><figcaption></figcaption></figure>

### 4. Дублировать компонент

Чтобы дублировать компонент, выберите опцию «Дублировать» в настройках элемента.

<figure><img src="/files/JWJC83iazZThUzv5qYy6" alt=""><figcaption></figcaption></figure>

### 5. Переместить компонент

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

<figure><img src="/files/3XJXp7xQxCybsdP0Vygp" alt=""><figcaption></figcaption></figure>

### 6. Разрешить одновременное открытие нескольких компонентов аккордеона

Чтобы разрешить одновременное открытие нескольких компонентов аккордеона, переключите свойство на "Да".

<figure><img src="/files/WaQbfzKDCrzGZtyVtxRT" alt=""><figcaption></figcaption></figure>