折叠面板Collapse
内容与数据展示先收起次要内容，需要时再展开
也常被叫作可折叠面板
折叠面板默认只显示标题，点击后展开正文，适合常见问题和高级设置。风险提示、关键规则等必须被看到的内容不应该藏在里面。
手风琴 · 同时只展开一个
进入「项目设置 → 成员」，点击“邀请成员”，输入对方邮箱即可。
支持，项目设置里可导出 CSV 或 JSON。
各自独立 · 想开几个开几个
项目设置 → 基础信息，改完自动保存。
可以，在项目设置里开启「截止日期」即可。
容易混淆？这样区分
折叠面板Collapse≠手风琴（Accordion）
折叠面板（Collapse）泛指可以展开和收起的内容；手风琴（Accordion）通常是一组折叠面板，而且经常规定一次只展开一个。
什么时候用
- FAQ 问答：问题平铺，答案默认收起如何重置密码？▾支持哪些支付方式？▸
- 把高级 / 不常用设置收起来，主界面保持清爽消息通知高级设置▸
- 内容分组很多，让用户自己决定展开哪组基础信息▸成员权限▾
- 移动端页面太长，次要信息折叠起来▸ 更多设置次要信息折叠，页面短一半
什么时候不用
- 内容必须被看到（风险提示、重要公告）→ 直接平铺⚠ 账号存在风险，请立即处理▸关键提示被折叠，没人看得见
- 只有一组内容也折叠，平白多点一下项目介绍▾只有一组内容，何必多点一下
- 组与组互斥、同时只看一组 → 用 标签页 Tabs全部待付款已完成
- 折叠里再套折叠，层级深到找不到内容一级分组▾二级分组▾三级分组…▸
组成结构 · Anatomy
如何邀请团队成员？▾进入「项目设置 → 成员」，点击“邀请成员”，输入邮箱即可。
1折叠面板Collapse一组可折叠内容的容器
2面板头Header标题行，整块可点击
3箭头Arrow指示当前是展开还是收起
4面板内容Content展开后才看到的正文
常见变体 · Variants
手风琴Accordion
如何邀请团队成员？▾
同时只展开一个面板。
支持导出数据吗？▸
同时只想让一组展开，页面保持短
简洁无边框Ghost
如何邀请团队成员？▾
去掉边框，融进页面背景。
支持导出数据吗？▸
想弱化边界、融进页面背景时用
卡片式Card
如何邀请团队成员？▾
每个面板一张卡片。
支持导出数据吗？▸
每组内容相对独立，想强调分组
典型使用场景
常见问题 FAQ
帮助中心
如何重置登录密码？▾
进入「账号设置 → 安全」，点击「重置密码」，按邮件里的指引操作即可，全程约 1 分钟。
支持哪些支付方式？▸
如何申请开发票？▸
高级设置收纳
通知设置
消息通知
邮件周报
高级设置（免打扰时段、Webhook）▸
订单明细展开
订单 SF1024888已签收
实付 ¥329.00 · 2026-07-18 下单
商品明细（3 件）▾
机械键盘 ×1¥249.00
键帽套装 ×2¥80.00
移动端长页面