手风琴 · Accordion
英文：Accordion
常用组件难度：入门 ★
🗣️一句话大白话
多组标题纵向排列，点击标题展开或收起对应内容。多组标题纵向排列，点击标题后展开或收起对应内容。
🎬真实场景
FAQ、移动菜单、筛选器、课程目录、分组说明
📮你可以这样说
「为 Punk 的 FAQ 创建 Accordion，每个标题使用 button， 右侧显示加号或箭头，展开时更新 aria-expanded，并通过 aria-controls 关联内容面板； 同一时间只展开一个项目，动画控制在 200ms 左右。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：手风琴可以同时展开多个。实际通常同一时间只展开一个，避免内容过度堆叠
🚫什么时候别用
- ✗需要用户并排对比多个内容时
🧩常见变体
手风琴 FAQ移动菜单手风琴
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系