你可能会说
FAQ 用折叠面板：点击标题展开答案。
点击标题展开/收起内容的组件。
点击标题展开/收起内容的组件。常用于 FAQ、设置项、分类列表。节省空间，按需查看。
生活类比
像手风琴——拉开一格看到内容，合上就只占一行，需要时再拉。
🎮 动手试试
关于「折叠面板」，以下哪个描述最准确？
你可以这样告诉 AI
帮我把 FAQ 页面改成折叠面板样式：点击问题展开答案、同时只能开一个、箭头旋转过渡动画。
折叠面板垂直展开收起内容，所有标题纵向排列；标签页水平切换内容，所有标签始终可见在一行。
内容多需要节省空间
FAQ 页面、设置表单、多级菜单等内容量大但用户只需看其中一部分时，用折叠面板按需展开，避免页面被撑得过长。
和 AI 协作时
想让 AI 做折叠面板时，说「FAQ 用折叠面板：点问题展开答案、一次只开一个、箭头旋转过渡」，AI 会生成 Accordion。
内容必须全部可见
法律条款、隐私政策等需要用户完整阅读的内容，不应该折叠——隐藏关键信息可能带来法律风险。
与步骤引导流程无关
分步表单、引导向导等需要按顺序逐步完成的操作流程，折叠面板的打乱特性会破坏进度感。
点击标题展开/收起内容的组件。常用于 FAQ、设置项、分类列表。节省空间，按需查看。
像手风琴——拉开一格看到内容，合上就只占一行，需要时再拉。
和 AI 沟通时提到「FAQ 用折叠面板」，就是点击问题展开答案的交互。