---
title: 可展开标题
slug: docs/cn/AD_Mv120piEvjw6LQEhAf
createdAt: 2026-06-05T13:06:40.614Z
---

[可展开标题](docId:37wrUKXmvYY2FFtpgOmO7) 区块允许用户折叠和展开内容部分。它们适用于常见问题、可选详细信息以及不需要一次性查看全部信息的长参考页面。

## 语法

您可以使用 Markdown 或 MDX 添加此组件。

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::ExpandableHeading
# Expandable Heading 1
This is the largest expandable heading. Click to collapse or expand.
:::::

:::::ExpandableHeading
## Expandable Heading 2
A medium expandable heading. Use it for subsections that users can toggle.
:::::

:::::ExpandableHeading
### Expandable Heading 3
The smallest expandable heading. Good for optional details or FAQ items.
:::::
```
:::

:::Tab{title="MDX"}
```javascript
<ExpandableHeading>
# Expandable Heading 1
This is the largest expandable heading. Click to collapse or expand.
</ExpandableHeading>

<ExpandableHeading>
## Expandable Heading 2
A medium expandable heading. Use it for subsections that users can toggle.
</ExpandableHeading>

<ExpandableHeading>
### Expandable Heading 3
The smallest expandable heading. Good for optional details or FAQ items.
</ExpandableHeading>
```
:::
::::

可展开标题区块支持三个标题级别：

- `#`&#x20;
- `##`&#x20;
- `###`&#x20;

标题本身将成为可点击的元素，而其下方的所有内容在下一个标题或区块结束之前都保持可折叠状态。