用途：当需要为手风琴、可折叠区域、下拉菜单或展开/收起元素设计平滑的揭示过渡动画时使用，把迪士尼十二动画原则应用到这类交互组件上。
主要能力：给出各原则在展开/收起场景中的具体做法。挤压拉伸：收起时内容略压缩、展开时略拉伸，触发头部点击时压缩作为反馈。预期动作：展开前头部先短暂下压，箭头在内容出现前开始旋转。舞台调度：展开区域应清晰可见，可弱化其他手风琴项，激活头部保持高亮。关键帧与逐帧：定义收起、展开中、已展开、收起中四个明确状态。跟随与重叠：容器先展开，内容延迟50至100毫秒淡入；箭头旋转可过冲后回稳。缓入缓出：展开用ease-out，收起用ease-in，推荐cubic-bezier(0.4, 0, 0.2, 1)。弧线：箭头旋转沿弧线缓动。次要动作：内容揭示为主，箭头旋转为次。时间：展开收起250至350毫秒，箭头旋转200至250毫秒，内容淡入150至200毫秒，内部条目错开30至50毫秒，点击反馈约50毫秒。夸张：重要揭示可用更强烈时序。扎实绘图：保持头部高度一致，避免高度动画抖动。吸引力：平滑过渡显得精致。
使用方式：提供CSS实现，手风琴用grid-template-rows从0fr过渡到1fr，内部容器overflow: hidden；箭头用transform配合aria-expanded="true"时rotate(180deg)；也可用max-height方案，将max-height从0过渡到大于内容的值。关键属性涉及grid-template-rows、max-height、transform、opacity，过渡期间需overflow: hidden。
适用场景：FAQ、设置面板、导航下拉等展开收起组件。
限制：资料未提供具体框架适配、无障碍完整规范、浏览器兼容细节与性能实测数据。