话不多说,直接上手:
1,拖入三个动态模板,分别命名1,2,3。
2,双击打开任意一个动态模板,我以1为例,添加一个模板状态,打开这个状态,加入原菜单以及新的二级菜单。
3,对状态2模板中一级菜单添加点击事件,点击设置当前面板状态为state1,并在动作中勾选推动/拉动原件。
4,退出动态模板,对该模板添加点击事件,点击设置动态模板状态为state2,同上,记得勾选推动/拉动原件,这样一个折叠菜单就配置完成了。
5,效果如下,点击弹出二级菜单,再点击收回,另外两个菜单配置同理。
ps:若在页面里操作,防止内容超出边界,可添加右侧滚动条,具体操作就是将上述三个模板统一放到另一个大模板中,在对大模板右键设置滚动条,选择需要的话开启滚动条。