在“元素”中搜索“收缩导航”，点击插入即可。

(1) 插入后的“元素”上右键，选择“可收缩导航”弹出对话框，根据业务需求选择即可。

(2) 使用左右缩进按钮改变列表项的层级，如下图：

(3) 父列表项需要设置超链接，才能具有收缩功能，如果不需要跳转，可设置如下图。子列表设置需要跳转到页面的地址。

(4) 设置元素初始状态是收缩的。在需要收缩的列表下面，选中子列表右键选择逻辑，添加“slideUp”类，如下图：

(5) 设置选中项的样式。在样式类文件中添加名字为“active”的样式类，如下图：

(6) 页面发布后，选中的效果：