小白自学Axure-鼠标悬停+选中样式如何不冲突

在制作左侧菜单栏时，需要有鼠标悬停样式和鼠标点击样式，那么就遇到几个问题：

1、侧边菜单栏如何“点击展开-点击折叠”循环展示？

2、悬浮样式用OnMouseHover在鼠标移除后样式不会恢复怎么办？

3、图标和文字如何同时在悬停时变更样式？

在看了各种教程加摸索后，终于实现了。下面就记录一下过程：

1、设置动态面板，状态一为折叠（state1），状态二为选中（click），分别设置两个状态的样式。

要在状态下设置样式！

2、进入动态面板的状态一（State1），在交互面板选择鼠标悬浮样式，分别在设置面板样式和icon样式。解决问题2

3、重要的一步！！全选面板和icon，右键点击组合（Group），然后再右键点击整体样式（fire mouse style effect）解决问题3

4、设置单击的交互动作。这里需要将动态面板状态设置为next，并勾选循环（wrap from last to first）解决问题1

最后预览一下：