基于jQuery实现左侧菜单栏可折叠功能

前端之家收集整理的这篇文章主要介绍了基于jQuery实现左侧菜单栏可折叠功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天给大家介绍一下左侧菜单栏可折叠功能,在后台管理中左侧菜单折叠功能是特别常见的一个功能,基本不管是什么类型的管理后台都会涉及到这个功能的实现。

今天给大家介绍的是二级可折叠菜单功能,相对一级的菜单折叠功能就显得稍微比较复杂一点了,我这里将给大家介绍菜单折叠过程中三种变换形式。

第一种变换形式

是:不管点击哪一级菜单都可以打开或者关闭本级菜单,但是不会影响其他级别的菜单

<Meta charset="UTF-8"> jQuery点击展开收缩树形<a href="/tag/caidan/" target="_blank" class="keywords">菜单</a>

第三种变换形式

是:一级
菜单会互相影响,也就是一级菜单同时只能打开一个,其他都得处于关闭状态。而且二级菜单也会受到影响,也就是当点击一级菜单的时候,所有的二级菜单都会处于关闭的状态。

<Meta charset="UTF-8"> jQuery点击展开收缩树形<a href="/tag/caidan/" target="_blank" class="keywords">菜单</a>