最近做原型想做一个手风琴的效果，但是忘了怎么做的，于是百度了一些方法，发现大部分方法都会用到中继器，觉得有点麻烦。后来翻看以前的书找到了原来学会的方法，现在分享给大家。
　　其实很简单，只需要使用“切换可见性”即可完成。（以Axure8为例）
　　第一步：绘制相关图形
　　绘制三个矩形作为按钮，分别命名为标题一、标题二、标题三
　　再绘制三个动态面板，里面填充一些可以区别的内容，命名为内容一、内容二、内容三
　　第二步：摆放图形位置
　　标题一与内容一对应，将内容一放置在标题一的下方，其他的依此类推，摆放完毕后，将动态面板设为隐藏。
　　第三步：设置标题一的动态效果
　　选中标题一，添加鼠标点击效果。选择切换可见性，设置如下：
　　先选择内容一位设置为切换、推动拉动元件向下
　　再选择内容二（三），设置为隐藏、拉动元件向下
　　第四步：设置标题二
　　选中标题二进行鼠标点击的设置，和标题一的设置基本一致，注意切换的是当前标题对应的动态面板，隐藏的是其他标题的动态面板
　　第五步：标题三用同样的方法，设置完后就可以预览看效果了。
　　题外话：
　　1。同样的方法还可以设置左右的切换，在推动拉动元件时选择向右即可。
　　2。如果想要做的效果是，展开内容后，点击其他标题不收起，只有点击当前标题时才收起，只需要将隐藏的动作去掉即可。
　　3。另外这种效果不仅可以做菜单也可以做内容的展示，如下图
　　Axure内的设计：
　　预览效果：
　　4。以上演示的是Axure8的版本，如果使用的Axure7的话使用同样的功能，动作名称有点区别，如下图

Axure原型设计：京东官网滚动界面作者分享了自己制作京东官网滚动界面原型的具体操作过程，希望大家可以从中受到些启发。先上京东官网原图（也可以自己搜素京东官网查看）先分析一下这个界面，几张图片的滚动，……Axure新技能：自适应手机屏幕大小对于如何把原型放至手机上进行演示相信大家都已经很熟悉了，但是如果几位同事屏幕大小不一，或者需要安装到客户手机上进行演示，这时候我们就很难保证我们的原型会显示完整，要不然就是屏幕……Axure原型设计：动态面板之轮播图显示（附带源文件）动态面板的功能很强大，了解了动态面板的原理，便可以运用自如。在目前的工作中，我把经常使用动态面板制作的交互总结了一下，希望与大家讨论并分享。动态面板在交互中常常用在……Axure原型设计：微信看一看下拉刷新操作看一看是微信最新开放不久的功能，以前是隐藏在搜索框下方“朋友圈热文”。进入后可以查看推送给自己感兴趣的文章。在文章列表里，下拉后释放，会自动更新些新的文章。在等……使用Axure打造最佳的移动端交互原型教程一直以来Axure在对移动端原型设计方面的支持都不是十分理想，它没有像目前其它几类原型设计工具（Justinmind、墨刀等）一样提供移动端设备的模板和相关交互组件，但是Axu……中小团队PM，如何高效输出APP版本需求文档？中小团队往往讲究快速迭代，所以产品需求文档最好也满足快速高效易沟通的特性。越来越多的PM已经在使用Axure“原型注释”的方法，输出原型HTML作为产品需求文档。但……在画原型之前，请先拟好“流程图”和“信息结构”上一篇《做交互，别急着画原型》中说到画原型前先要理解功能，并且从用户角度思考如何绘制适合用户的流程图。而今天将和大家讲讲，画原型图前比较重要的两个因素：“流程图”与“信息结构”……Axure用一个功能搞定手风琴式菜单设计最近做原型想做一个手风琴的效果，但是忘了怎么做的，于是百度了一些方法，发现大部分方法都会用到中继器，觉得有点麻烦。后来翻看以前的书找到了原来学会的方法，现在分享给大家。其……Axure设计：制作iOS列表左滑菜单效果该效果是模仿iOS微信界面中，左滑列表时显示菜单项的效果，使用的都是Axure中常用的组件，原理是通过控制动态面板的坐标来移动面板并显示菜单。本文仅适用于具有一定Axure使用……Axure教程：微信聊天列表原型制作（三）本章完成微信聊天原型的第三个主要部分，聊天信息的跳转。如果你希望跟着操作，需要根据前两章的内容，首先完成之前的原型。微信是一个负责庞大的系统，制作微信原型需要分模块，逐渐……GoogleMaterialDesign：900个实用图标的本文作者将分享一套来自于GoogleMaterialDesign的实用Axure图标组件库，其中一共有900款的常用的经典图标。enjoy平时各位交互设计师和产品经理们在……真实案例分享：做交互，别急着画原型原型是初期用来表现产品的“蓝图”，原型的作用在于承上启下，不管是验证产品可行性还是用于开发等都至关重要。在熟悉用户和流程等基础下绘制出的原型才能更加符合用户使用习惯曾经作……