jquery左侧,jquery左侧二级菜单

jquery左侧导航展开收起，单击时只能显示一个菜单，其他的都隐藏起来。

script type="text/javascript" src="jquery.min.js"/script

script type="text/javascript"

$(function(){

  $('#mymenu dt').click(function(event) {

  var dd = $(this).next('div');

  var display = dd.css('display');

  if (display == 'none') {

  $("#mymenu div").hide().eq($('#mymenu dt').index(this)).show(); 

  }else{

  dd.css('display','none');

  }

  });

})

/script

div id="mymenu"

  dl

    dt

     a href="#"点击我/a

    /dt

div style="display:none"

dd class="aaa"a href="#"用户查询/a/dd

        dd class="aaa"a href="#"添加用户/a/dd

        dd class="aaa"a href="#"用户组/a/dd

/div

    dta href="#"点击我/a/dt

    div style="display:none"

      dd class="aaa"a href="#"课程列表/a/dd

     dd class="aaa"a href="#"添加课程/a/dd

    /div

 /dl

/div

其实不用那么麻烦的，加个div包含在里面就好控制多了

望采纳 Thx

jquery左侧悬浮菜单怎么做

ul

li/li

li/li

li/li

li/li

li/li

/ul

ul{

position:fixed；

}

仅提供想法,大概就是这样

jquery点击左侧任意一个li，右侧相应切换li的内容，怎么实现

（1）$("div li").click(function(){ $("#div").html($(this).html()); }); （2）上述（1）中的div为你当前点击的div,第二个div为你需要填充内容的div的id

jquery左侧菜单显示固定数量分类多余的隐藏起来可点击显示

$(function(){

var len = $("#ul li").length;

var hide = 4;

$("ul li").each(function(index){

if ( index hide ){

$(this).hide();//第(hide+1)几个以后开始隐藏

};

$(this).click(function(){

if(indexlen){

$(this).next().show();//下一个显示

}

});

});

});

ul id="ul"

li我是分类1/li

li我是分类2/li

li我是分类3/li

li我是分类4/li

li我是分类5/li

li我是分类6/li

li我是分类7/li

li我是分类8/li

li我是分类9/li

/ul