折叠面板 Accordion

点击标题展开、再点收起的折叠区块，FAQ 和长列表的信息收纳术

一本面向 AI 创作者的视觉术语字典：看到效果，找到名字。

核心词条手工打磨，长尾词条按模板批量生产，均附可交互演示。

浏览器内运行的 multilingual-e5-small，向量在本站构建时预计算。

**折叠面板（Accordion，手风琴）**让每段内容默认只露出标题，点击才展开正文——像手风琴一样一折一折。FAQ 页、产品参数表、设置项分组都靠它把长页面压短。

什么时候用：内容天然分节、用户只需要看其中几段时（FAQ 最典型）；扫读比通读重要的参数/说明列表。如果用户八成会全部读完，硬折叠反而增加点击成本。

对 AI 说清楚的三要素：① 手风琴模式（一次只开一个）还是多开，要指定；② 展开用高度过渡 0.3s（grid-template-rows 0fr→1fr 是最稳的写法）；③ 箭头或加减号指示状态，当前展开项视觉上要能区分。

长内容收纳用折叠面板（Accordion）：每个条目由标题行 + 隐藏正文
组成，点击标题以 0.3s 高度过渡展开，再点收起；采用手风琴模式
（同时只展开一项）；标题行右侧箭头随状态旋转 180°。