Bootstrap实现可折叠分组侧边导航菜单

web前端|js教程

Bootstrap,可折叠,侧边

web前端-js教程效果图：

手机版企业网站源码,使用vm打开Ubuntu,tomcat运行文件数上限,php7 爬虫,php适用于黑客技术吗,seo elite 下载lzw

彩虹秒赞源码监控,ubuntu查看存储信息,爬虫下载zip文件,php做付款,张掖seo团队lzw

web捕鱼源码下载,vscode中的crlf,ubuntu kali工具,tomcat端口密码修改,访问sqlite的服务器,爬虫的中英文对照表,php 随机函数生成,铜山区seo优化公司,网站维护页面 html,多素材软件下载站模板lzw

源码：

.panel-group{max-height:770px;overflow: auto;}.leftMenu{margin:10px;margin-top:5px;}.leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/.leftMenu .panel-heading span{position:absolute;right:10px;top:12px;}.leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;}.leftMenu .menu-item-left:hover{background:#C4E3F3;border:1px solid #1E90FF;}

分组1

分组项1-1分组项1-2分组项1-3分组项1-4分组项1-5分组项1-6分组项1-7分组项1-8分组项1-9分组项1-10分组项1-11

分组2

分组项2-1分组项2-2分组项2-3分组项2-4

内容

$(function(){$(".panel-heading").click(function(e){ /*切换折叠指示图标*/ $(this).find("span").toggleClass("glyphicon-chevron-down"); $(this).find("span").toggleClass("glyphicon-chevron-up");}); });

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

AngularJS对动态增加的DOM实现ng-keyup事件示例

webpack打包js的方法

vue 简单自动补全的输入框的示例