初入行的产品新人，想向大家分享一个做手风琴的简单办法。

第一步：在Axure里创建三个矩形，一个图片，一个占位符和一个列表框（可根据实际情况替换）。

第二步，给这六个不见取名，在这里，我给三个矩形按照上下的顺序取名为“1”“2”“3”。

给图片取名为“1.”，给占位符取名为“2.”，给列表框取名为“3.”。

并按照一定的顺序排列，如果排列顺序不对，演示的时候会有遮挡。

第三步，隐藏图片、占位符和列表框。

第四步，选中“1”矩形，在鼠标单击时，对“1.”图片，切换可见性，并推动拉动元件，方向默认选择下方，无动画即可。

第五步，还是在上个鼠标单击动作里，选择隐藏“2.”“3.”，选择拉动元件，方向为下方。

而另外两个矩形也按照这种方法，只是“2”切换可见性的变成了“2.”占位符。隐藏的变成了“1.”和“2.”

同理“3”切换可见性的变成了“3.”，隐藏“1.”和“2.”

然后将“1.”“2.”“3.”全部隐藏，并调整到合适位置，（就是将“1.”的顶部和“1”贴合，另外两个也这么做）如下图

点击预览，就能有以下效果了：

希望可以帮助到大家，掌握这个手风琴的简单制作方法，也不需要用到动态面板，共同进步~

本文由 @季然 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash ，基于 CC0 协议