使用Axure实现 Accordion（手风琴）效果

使用Axure实现Accordion（手风琴）效果。

工具/原料

Axure RP Pro 7.0

绘制界面

1、启动Axure RP

3、添加一个中继器（Repeater），并命名为Re

5、双击进入动态面板SecondLevel，双击进入默认的状态，双击进入中继器的主页。

7、在下方选择中继器数据集（Repeater Dataset），在其中创建两个列，并分别命名为id1，id2

编辑事件

1、单击矩形First，然后添加单击用例1（Case 1）。

3、在用例1中，加入事件『Remove Filter All from Re』

7、在用例1中，加入事件『Move SecondLevel to (0, [[LVAR1.bottom]])』

8、在用例1中，加入事件『Show SecondLevel push widgets below』

2、进入到中继器的主页，在中妤伊佛集继器的数据集中，添加数据，id1添加的为一级菜单所显示的内容，id2添加的为要显示的二级菜单

4、分别修改两级菜单当中的呈现效果

结束

1、结束