> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Аккордеон: FAQ и раскрывающиеся блоки на лендинге

> Элемент Collapse / Accordion в LanderLab: как добавить FAQ на лендинг, управлять пунктами, выбрать Collapse Style и иконку-триггер.

Элемент Accordion позволяет показывать контент в раскрывающихся секциях.<br />Его обычно используют для FAQ или структурированной информации, когда нужно сохранить страницу аккуратной и понятной.

## Как добавить аккордеон

* Откройте левую боковую панель
* Перетащите **Collapse / Accordion** на холст

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/q3U3xTtyC-7MtM61/images/accordion.png?fit=max&auto=format&n=q3U3xTtyC-7MtM61&q=85&s=769232d934360768227ecdcb5d41ea2d" alt="Элемент Accordion с пунктами FAQ на холсте редактора" width="1920" height="991" data-path="images/accordion.png" />
</Frame>

## Редактирование контента

Весь контент редактируется прямо на холсте:

* Нажмите на **вопрос**, чтобы изменить заголовок
* Нажмите на **область ответа**, чтобы изменить содержимое

Здесь вы управляете и вопросом, и ответом.

## Управление пунктами

В правой панели:

* **Add Item** → создать новые пункты аккордеона
* Меняйте порядок пунктов, перетаскивая их
* Каждый пункт — это один вопрос и один ответ

## Как это работает

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

## Collapse Style

Внешний вид аккордеона меняется через **Collapse Style**:

* **Simple** → минималистичный дизайн
* **Bordered** → рамки вокруг пунктов
* **Line Bottom** → линии-разделители между пунктами
* **Solid** → стиль с залитым фоном

## Trigger Icon

* Выберите стиль иконки (например, +, стрелка)
* Показывает, открыт пункт или закрыт

## Настройка отступов

* **Gap** → расстояние между пунктами
* **Inner Space** → внутренний отступ (padding) в каждом пункте

## Параметры оформления

Как и другие элементы, аккордеон можно настроить:

* Типографика
* Цвета
* Границы и скругления
* Отступы
* Фон

## Важно

* Контент редактируется прямо на холсте
* Одновременно остаётся открытым только один пункт аккордеона
* Оформление настраивается так же, как у других элементов


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.