Accordion 手风琴
/uh-KOR-dee-un/ · noun · 内容类模式 · #069
层层叠放的标题，一次展开一节，让长内容保持可扫读。箭头是承诺，折叠是仁慈。
你可能会这样叫它
- “折叠面板”
- “点击展开的常见问题”
- “可以展开收起的区块”
- “点加号展开更多”
- “下拉展开内容”
……它的名字是 手风琴（Accordion）。
代码里叫什么
| SwiftUI | DisclosureGroup |
|---|---|
| UIKit | UICellAccessory.outlineDisclosure |
| Jetpack Compose / Android | 没有手风琴组件，通常是可点击的标题行，用 AnimatedVisibility 显示内容 |
| Flutter | ExpansionTile ExpansionPanelList |
| Web (HTML / ARIA) | <details> <summary> aria-expanded |
复制给 AI 编程工具
把这些问题做成手风琴（Accordion）：每个问题是一行全宽的标题，带一个展开时会旋转的箭头；点击或按 Enter / 空格就在下方展开答案。除非有特别理由，允许同时展开多个；默认全部收起；答案要保留在页面里，能被 Ctrl+F 和搜索引擎找到（网页上用 <details> 和 <summary>）。