撰写在手风琴控件中，每个标题被点击时都有一段内容可以展开，来显示更多信息。有些设计可以在打开手风琴控件的一部分的同时关闭其他部分。
STEP0：下载练习文件
如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Axure Training.rp文件的情况下，如何创建新文件来完成教程。
STEP1：设置
在练习文件中，打开“手风琴控件”页面。
在画布上有三组组合好的元件，每组都有一个“标题”元件和四个“主体”元件，“主体”元件开始的时候会隐藏起来，然后通过点击“标题”元件将它们显示出来。
点击“手风琴1”组合将其选中，然后再次点击来编辑组合。
选中全部四个“主题1项目”元件，右键点击所选内容，然后在右键菜单中选择“转换为动态面板”，命名新的动态面板为“主体1”，然后勾选样式页签下的“隐藏”复选框将其隐藏。
对“主体2项目”和“主体3项目”重复以上步骤，并将新的动态面板分别命名为“主体1”和“主体2”。
将三个“手风琴”组合对齐，使“标题1”紧贴在“标题2”下面，“标题3”紧贴在“标题2”下面。
STEP2：手风琴交互
慢慢的双击“手风琴1”来编辑组合，然后选中“标题1”，在属性页签下，双击“鼠标单击时”来创建一个新的鼠标单击时用例。
在左侧“添加动作”栏，点击“切换可见性”动作。
在右侧“配置动作”栏，选择“主体1”动态面板。
在右侧“配置动作”栏的底部，确保可见性的选择为“切换”，然后点击“推动/拉动元件”的复选框，并且选择方向为“下方”。
点击“确定”按钮关闭用例编辑器。
重复以上步骤，使“标题2”切换动态面板“主体2”的可见性，使“标题3”切换动态面板“主体3”的可见性，之后你可以预览一下页面，来确保你的按钮可以像预期的一样能够展开和折叠对应的部分。
STEP3：当一部分展开时折叠其他部分
选择“标题1”，双击“Case1”打开进行编辑。
在左侧“添加动作”列，点击“隐藏”。
在右侧“配置动作”列，选择动态面板“主体2”。
点击“拉动元件”的复选框，确保方向选择为“下方”。
下一步，在右侧“配置动作”列，选择动态面板“主体3”。
点击“拉动元件”的复选框，确保方向选择为“下方”。
点击“确定”按钮关闭用例编辑器。
对“标题2”和“标题3”重复以上步骤，这样在每种情况下，都可以隐藏另外两个动态面板主体。
STEP4：预览
点击预览。
尝试打开和关闭不同的手风琴部分，注意如何展开一个项目并且折叠其他项目。