> ## 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.

# 用 Accordion 展示常见问题与结构化内容

> 用 accordion 元素把常见问题和内容整理成可展开区块，让页面更清爽、更易用。

Accordion 元素让你以可展开区块的形式展示内容。<br />它常用于常见问题，或任何你希望页面保持清爽整齐的结构化信息。

## 如何添加 Accordion

* 打开左侧边栏
* 把 **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 元素及其设置" width="1920" height="991" data-path="images/accordion.png" />
</Frame>

## 编辑内容

所有内容都在画布上直接编辑：

* 点击**问题**修改标题
* 点击**答案区域**修改内容

问题和答案都在这里管理。

## 管理条目

在右侧面板中：

* **Add Item**：新增条目
* 拖动可以调整条目顺序
* 每个条目对应一组问题和答案

## 工作方式

* **同一时间只能展开一个条目**
* 点击其他条目时，之前展开的会自动收起

## Collapse Style

用 **Collapse Style** 改变 accordion 的外观：

* **Simple**：极简设计
* **Bordered**：条目四周加边框
* **Line Bottom**：条目之间加分隔线
* **Solid**：带填充背景的样式

## Trigger Icon

* 选择图标样式（例如 + 或箭头）
* 用来提示条目是展开还是收起

## 间距控制

* **Gap**：条目之间的间距
* **Inner Space**：每个条目内部的内边距

## 样式选项

和其他元素一样，你还可以自定义：

* 字体排版
* 颜色
* 边框和圆角
* 间距
* 背景

## 重要提示

* 内容在画布上直接编辑
* 同一时间只保持一个条目展开
* 样式设置方式与其他元素相同


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