# Аккордеон

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FMo1pkWjzh3mfIvBKQ85U%2FScreenshot_5.png?alt=media&#x26;token=8f8abab6-b3f5-453a-902a-587dff93c8ab" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F2mMeuur7zSNDB3nmn2zR%2FScreenshot%202024-03-22%20at%2017.51.50.png?alt=media&#x26;token=04225816-a1d7-4456-8339-4f1615723d7d" alt="" width="299"><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FfprWsd7Ey79YUnuWfE0t%2FScreen%20Recording%202024-03-22%20at%2018.01.01.gif?alt=media&#x26;token=d4a17863-8688-4f42-8845-9769f2a39889" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FzWumQQsin01xHjb2kUUS%2FScreenshot%202024-03-22%20at%2018.09.07.png?alt=media&#x26;token=b2afd2a0-84dc-4cc2-8378-bd309e35d861" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FMrQGtqDY73p9U8R7OP2X%2FScreen%20Recording%202024-03-22%20at%2018.10.42.gif?alt=media&#x26;token=1936c9b0-71e5-4aa4-96cf-8661b62a3be3" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FnyK8rY9KI17ONUw9KvYp%2FScreen%20Recording%202024-03-22%20at%2018.19.05.gif?alt=media&#x26;token=06981c10-16d0-4fd6-ac2e-f926563fc7ac" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F19eGHQEMYEqZTGcVKAnZ%2FScreen%20Recording%202024-03-22%20at%2018.22.20.gif?alt=media&#x26;token=1b38d074-a706-4d80-96ae-1f3139349d72" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FDBRdViyXhC4lOwmODVQu%2FScreen%20Recording%202024-03-22%20at%2018.30.18.gif?alt=media&#x26;token=25789a60-583e-4132-b3f2-4b866ac58969" alt=""><figcaption></figcaption></figure>
