> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 5 вариантов применения виджета Аккордеон

Виджет **Аккордеон** представляет собой список, каждый элемент которого можно развернуть и свернуть. Такой виджет можно использовать обособлено (один на странице), а также применять на страницах с большим количеством другого содержимого. Это позволяет сделать информацию удобной для восприятия и структурировать контент.

Покажем пять примеров, как можно использовать виджет.

1. Вопрос-ответ. Классический вариант использования виджета **Аккордеон**. Кликнув на любой вопрос из списка, можно прочитать подробный ответ.

![аккордеон-3.png](https://storage.crisp.chat/users/helpdesk/website/-/4/f/a/e/4faee20ba7162000/72b42381-6384-4d7b-9940-87c17b_t7ndsu.png)

2. О проекте. Оптимальный вариант для архитекторов и дизайнеров. Это возможность красиво показать итог работы и самые ключевые моменты сразу, а более технические детали скрыть в **Аккордеон**.

![аккордеон-2 (1).png](https://storage.crisp.chat/users/helpdesk/website/-/5/8/9/5/5895a094c4ba8c00/07028895-eac0-4370-926b-969a44_1xuyogl.png)

3. Этапы работы. Если этапов в работе очень много и каждый требует детального описания, то **Аккордеон**, как никто другой, позволяет подать информацию компактно и доступно.

![аккордеон-5.png](https://storage.crisp.chat/users/helpdesk/website/-/2/e/3/6/2e366496b0d00400/2a89b789-a3de-416d-b5b6-2fc59f_j1lwxq.png)

4. Отзывы. С **Аккордеоном** даже подробный и большой отзыв будет смотреться интересно и эстетично.

![аккордеон-4.png](https://storage.crisp.chat/users/helpdesk/website/-/6/5/6/9/65693dcb1a3e9c00/9633c838-9ab9-47c8-8ace-4baa07_osboti.png)

5. Команда. Список участников проекта или команды может занимать достаточно много места на странице, но при этом не являться ключевым. Исправить это поможет виджет **Аккордеон**.

![аккордеон-1.png](https://storage.crisp.chat/users/helpdesk/website/-/e/c/6/9/ec698cbcb80ef000/d71f3647-2370-4977-baf7-443999_kqes89.png)

Как добавить и наполнить виджет мы рассказали в руководстве [виджет Аккордеон](/hc/ru/articles/4403685492242).