摆内容
折叠面板
Collapse
「点开才展开的那种」「手风琴一样的」「常见问题那种折叠」「点标题展开答案」「能收起来的面板」「折叠展开列表」「下拉展开的问答」
LIVE DEMO真实可交互，动手试试
一种以自然语言驱动、AI 辅助生成代码的开发方式。
- 英文名
- Collapse
- 别名 · 俗称
- 手风琴展开收起面板Accordionshadcn: Accordion
- Web 叫法
- Accordion
- 大白话定义
- 默认只露标题的一摞面板，点开才展开看详情，再点一下就收回去。
- 部位拆解
- 标题栏 Header永远可见，点击展开或收起
- 箭头 Arrow展开时旋转，指示当前方向
- 内容区 Panel收起时隐藏的详情部分
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做常见问题折叠面板（Accordion）：默认收起，点问题展开答案，箭头旋转，同时只展开一个
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的折叠面板（Accordion）。逐一排除：height auto 无法做过渡，展开是闪开而不是动画；max-height 估值过大，动画后半段空跑像卡住；手风琴模式展开新面板时把嵌套的子面板也误关了；展开状态没同步到 URL，刷新后全部收起。症状是：