jquery左侧,jquery左侧二级菜单

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

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

创新互联是专业的江都网站建设公司,江都接单;提供网站设计制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江都网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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


网站栏目:jquery左侧,jquery左侧二级菜单
当前路径:http://pwwzsj.com/article/dscicod.html