Axure 导航折叠菜单实例

目录

一、说明

二、步骤

三、链接实例

---

一、说明

（1）下拉折叠菜单多为后台的菜单栏，点击一级菜单展示其子菜单，不只是代码才能够实现，axure也是可以做出这种效果的，下面让我来教大家走一遍吧！

二、步骤

（1）先拉一个矩形跟一个水平菜单（这里命名随意主要是为了看效果）

（2）点击效果示例1矩形，添加交互单击时显示隐藏，选择切换状态，这里显示动画秒数你们自己定义，点击更多选项选择推动和拉动元件（这里推动和拉动是为了添加多个菜单的时候点击效果示例1，推动下方元件，再点击效果示例1拉动元件，具体效果看链接实例）

（3）在拉一个矩形和水平菜单，可以直接复制粘贴，然后把效果示例2放到效果示例1的下方，水平菜单放到效果示例2的下方，点击效果示例1推动效果示例2展示出子菜单，在点击拉动效果示例2收回子菜单（具体看链接示例）

三、链接实例

Untitled Documenthttps://36znv0.axshare.com/#id=68nnh8&p=%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95&g=1