html左侧菜单展开与收起,HTML点击左侧菜单展开二级菜单样式简单实现

•  系统管理
•       

   集团管理

•       

   企业管理

•       

   员工管理

•  用户管理
•  文件管理
•  基础配置

function click1(obj){

$('li[name=menu2'+obj.id+']').toggle();

if($('#icon'+obj.id).attr("class")=="glyphicon glyphicon-chevron-down"){

$('#icon'+obj.id).attr("class","glyphicon glyphicon-chevron-up")

}else{

$('#icon'+obj.id).attr("class","glyphicon glyphicon-chevron-down")

}

}

$(function(){

$('li').mouseover(function(){this.style="background-color:#ffe;cursor:pointer;"});

$('li').mouseout(function(){this.style="background-color:white;cursor:pointer;"});

$('li[name=menu1]').click(function(){click1(this)});

})