你呆以把html代码贴出来,写个折叠菜单不需要这么多代码。最多4行,html结构好的话2行足够
创新互联公司是一家专注于做网站、网站制作与策划设计,丰泽网站建设哪家好?创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:丰泽等地区。丰泽做网站价格咨询:13518219792
如下代码:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
script language="javascript" type="text/javascript" src="jquery.js"/script
script language="javascript" type="text/javascript"
function show_and_hide_tr(tb_id, obj) {
$("#" + tb_id).find("tr").each(function(i) {
i 0 ? (this.style.display == "none" ? this.style.display = "" : this.style.display = "none") : ($(this).next().css("display") == "none" ? (obj.value = "折叠") : (obj.value = "展开"));
});
}
/script
/head
body
table id="tb1" style="width: 100%;" border="1"
tr
th colspan="3"
input type="button" value="折叠" onclick="show_and_hide_tr('tb1',this);" /
/th
/tr
tr
td
作者:ikmb QQ:154179812
/td
td
欢迎交流
/td
td
/td
/tr
tr
td
/td
td
/td
td
/td
/tr
/table
/body
/html
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"/script
title
RunJS 演示代码
/title
script
$(function(){
$("#biaona").click(function(){
$(this).closest(".fuhe").children("ul").slideToggle();
});
})
/script
/head
body
div class="fuhe"
div id="biaon"
a
上装 | Coat
/a
/div
a href="#"
img src="images/allgoods/left1.jpg" /
/a
ul id="biao1" style="display:none;"
li class="c"
毛衣针织衫
/li
li class="c2"
卫衣绒衫
/li
li class="c"
外套
span class="c2"
小披肩
/span
/li
li class="c2"
衬衫
/li
li class="c2"
长袖T恤
/li
li class="c2"
风衣 毛呢外套
/li
li class="c"
羽绒服 棉衣
/li
/ul
/div
div class="fuhe"
div id="biaon"
a href="javascript:showsubmenu('biao2')"
下装 | Botton
/a
/div
a href="#"
img src="images/allgoods/left2.jpg" /
/a
ul id="biao1" style="display:none"
li class="c2"
长裤
/li
li class="c"
短裤
/li
li class="c2"
七分裤 九分裤
/li
li class="c"
打底裤
/li
li class="c2"
打底袜
/li
li class="c"
短裙
/li
li class="c2"
半身裙
/li
/ul
/div
/body
/html
用选择器啊 你根据这个改一下
$(".main a").click(function(){//如果设为.main a则在子菜单的点击也有相同的效果
//找到主菜单项所对应的子菜单项
var ulNode=$(this).next("ul");
/*最初的方法
if(ulNode.css("display")=="none"){
ulNode.css("display","block");//把display属性改为block
}else{
ulNode.css("display","none");
}
知道你要啥样的,就说个最简单的竖列折叠菜单吧,比如:
菜单1
子菜单1
子菜单2
……
菜单2
子菜单1
子菜单2
……
如果要做这样的折叠菜单 那html为:
div class="menu"
div菜单1/div
ul
li子菜单1/li
li子菜单2/li
……
/ul
/div
div class="menu"
div菜单1/div
ul
li子菜单1/li
li子菜单2/li
……
/ul
/div
css为:(没样式只有功能,样式自己去加)
.menu ul{ display:none}
js为:
$('.menu').click(function(){
$(this).find('ul').slideToggle();
)}
如果你用的是jquery-ui-accordion的话,可以用这种方法$( ".selector" ).accordion({ active: -1 });你可以试试。
文章标题:jquery折叠,jquery折叠菜单代码
URL链接:https://www.cdcxhl.com/article2/dssopic.html
成都网站建设公司_创新互联,为您提供静态网站、网站设计公司、网站策划、App设计、手机网站建设、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联