关于办公软件左侧功能列表的收缩展示代码(js

关于办公软件左侧功能列表的收缩展示代码(js)

 

    在办公系统软件中，一般性的功能菜单都习惯放在页面的左侧直接展示出来，常用情况是分为两级菜单，即父级菜单显示主体功能模块，在模块下方是各个具体的业务功能。如下：

    看了一些实现功能的例子，觉得都不是自己想要的效果，就亲自写了一些。具体实现的功能是：1、点击某一个父级菜单收缩或者展开其子菜单，并且当前菜单处于选中状态，而其他的菜单全部收缩状态。如下所示，点击1号父级菜单时，收缩其全部子菜单。点击2号或者3号父级菜单时，2号或者3号的子菜单全部展开，而1级菜单全部收缩。

 

 

 

2、对于子级菜单的操作：选中某一个子级菜单时，其处于选中状态，而其他的同父级或者不同父级菜单下的其他子菜单均未选中状态。如下：

 

 

 以上就是我想要的具体的功能，下面是实现的代码，仅供参考。

列表：