![Bootstrap可折叠分组侧边导航菜单代码分享](https://900zi.500zi.com/uploadfile/img/14/600/806ef7faf620811f87f02f9ed2e29674.jpg)
web前端|js教程
Bootstrap,可折叠,导航
web前端-js教程
本文主要和大家介绍Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下,希望能帮助到大家。
免费的源码网有哪些,ubuntu系统怎么配置,网络爬虫 整个网站,php1到100偶数相乘的程序,盐田seo公司lzw
【相关视频推荐:Bootstrap教学】
弹窗式每日签到系统源码,pynq上跑ubuntu,tomcat生成文件后重启,网络爬虫 创新点,php管理系统制作教程外包,seo标准内容lzw
效果图:
图片系统 php源码下载,ubuntu安装卡在gun,爬虫需要会英语,php fputs(,top域名 seolzw
源码:
表格.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
分组2
内容
$(function(){$(".panel-heading").click(function(e){ /*切换折叠指示图标*/ $(this).find("span").toggleClass("glyphicon-chevron-down"); $(this).find("span").toggleClass("glyphicon-chevron-up");}); });
jQuery实现气球弹出框式的侧边导航菜单效果_jquery