关于jquery制作折叠菜单的问题

Question

highcharts的官网的折叠菜单模块，打开关闭列表影响底部模块，好像使用了bootstrap，请教其中原理！

http://www.highcharts.com

Answer 1

这是我项目中控制菜单：
html:

• 系统管理
  菜单管理查询 权限管理 角色管理 角色配置权限管理 用户及权限配置新增 用户及权限配置查看

js:
$(function(){

//左边菜单栏切换
$('#mainmenu').find('li').find('a.drop').click(function(){
$('#mainmenu').find('li').find('a.drop').removeClass('active');
$(this).addClass('active');
$(this).parent().find('div.droplist').slideToggle();
$('#mainmenu').find('li').find('div.droplist a').click(function(){
$('#mainmenu').find('li').find('div.droplist a').removeClass('cur');
$(this).addClass('cur');
})
});

//右边内容tab切换
$('nav.tabnav1').find('a').click(function(){
$('nav.tabnav1').find('a').removeClass('active');
$(this).addClass('active');
})
$('.tabnav2').find('a').click(function(){
$('.tabnav2').find('a').removeClass('active');
$(this).addClass('active');
})
$('.tabnav3').find('a').click(function(){
$('.tabnav3').find('a').removeClass('active');
$(this).addClass('active');
})

用CSS控制样式