本文主要讲解动态面板的基本用法，以便大家更容易去理解和深入学习，入门教程会分为几个小节，本节主要讲解如何通过动态面板快速制作下拉菜单效果。
一、插入动态面板
首先插入一个动态面板，并命名为【左侧菜单】。如下图
在动态面板【左侧菜单】中继续插入一个动态面板，命名【网格中心】。在【网格中心】动态面板中复制出两个状态，分别命名为「收起」和「展开」，在收起中插入一级菜单名称，展开中插入一级和二级菜单名称。如下图
二、设置交互
接下来，选择交互方式：鼠标或手指单击时—设置面板状态，目标元件选择当前原件，状态选择下一个，勾选从最后一个到第一个自动循环，点开更多选项：勾选展开/收起原件，选择线性50毫秒，点击完成就OK了。如下图
三、调整动态面板属性
最后，也是最重要的一步，选中刚刚创建的一级菜单【网格中心】，点击鼠标右键勾选调整大小以适合内容，这时候菜单的展开和收起的交互已经做好了，想要设置多个菜单的话按照操作步骤以此类推，也可以直接复制。如下图
调整一下位置颜色和文字大小就完成了，最终效果展示如下图
这种一级菜单动态交互已经做好了，但是其它一级菜单不需要做，再点开一级菜单的时候，怎么让其它一级菜单自动跟随这个有动效的一级菜单自适应向下，不会挡住有动效的一级中的二级菜单呢
谢谢楼主 成功 还想请教下，集成了element-ui的资源库，想用里边的组件是不是也需要配合动态面板来使用？
请教：我的菜单 是做在母板中的，在每个页面中添加母板中的菜单，每个二级菜单都链接到新的页面，当单击二级菜单后会跳转到指定的页面，但问题是如何做才能让当前菜单中的二级菜单不收起呢，即保持展开当前页面所属于的二级菜单的状态。
设置了自适应，为什么点击了之后，第二个菜单会空白显示了。
看看最外层的动态面板的高度是不是没调整好
用元件库里的”树”应该也可以实现，感觉也比较简单。
复制出来第二个第一个展开后把第二个给盖住了，没有推下去，求助
看看是不是交互中的自动循环没有勾选上
求助，遇到了同样的问题，RP10没有 展开/收起 元件。第一个展开后把第二个盖住了，请问RP10如何设置，谢谢！
遇到同样的问题，求助是怎么解决的啊
为啥要嵌套一个动态面板呢
因为便于设置交互
您好 左侧下拉菜单 单击时既下拉二级菜单又能回到这个菜单的所设置的页面这个能实现吗？
如果能 怎么设置呢？谢谢
你好，可以实现的。
首先，在右侧空白区域插入内部框架，然后在菜单动态面板上加交互事件：鼠标或手指单击时，并添加动作：在内部框架打开链接，最后设置动作：目标元件（内部框架），链接到（选定页）
请问怎么做到两个一级菜单之间的交互呢？如果不设置，中间会留一大截空白留出来的地方
你的问题能再描述的详细一些吗？
挺实用的
谢谢
教程写的不错，关键是有图片，我成功了！感谢感谢！
谢谢，恭喜成功
用这种方法，点击二级菜单的时候，菜单收起，而不是进入二级菜单的页面，请问怎么解决？
进入二级菜单页面需要在交互中关联页面
新手小白 按照这个做 我也没做出来这种效果?
多尝试几遍，会发现问题，有问题可以在评论区讨论～
原来还有这么简单的方法，我之前都是用的笨方法，好麻烦的
我这个第二个一级菜单还是不会动?
“在【网格中心】动态面板中复制出两个状态，分别命名为「收起」和「展开」，在收起中插入一级菜单名称，展开中插入一级和二级菜单名称。”中两个形状是长方形还是动态面板？
是两个长方形，可以多尝试一下~我也是早上刚弄完
我这个没有右侧那个 小三角，展开和收起的显示，辛苦帮忙看看这个是要自己设置的吗，怎么设置呢。
做两个箭头，然后显示隐藏，或者做一个箭头，点击面板的时候选装180°
再或者每个状态都放一个箭头，实现方式有很多
可以把想要使用的图标拖进动态面板放在相应位置，展开和收起放置不同的图标
我的网格中心动态面板上点击鼠标右键咋没有【调整大小以适合内容】这一项呢
我的也没有
可以选择自适应内容
汉化的中文名称可能有区别
axure9里叫自适应内容
为啥我跟着做出来的效果不一样呢
前面的功能都实现了。最后一步，点击网格中心的时候，下拉菜单出现，客户中心下移怎么实现。我的客户中心不下移动，盖在了上面。
在网格中心的动态面板上，点击鼠标右键，勾选【调整大小以适合内容】就行了
已经设置了“自适应内容”，也选择了“推动和拉动元件”，但是选中二级菜单后，排序在下面的一级菜单还是被覆盖的，这个怎么解决？
选择推动元件。
请问推动元件怎么设置？
在选择面板状态的时候，下面点击更多选项，就能看到推动和拉动元件了
你这个问题解决了吗？