重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
知道你要啥样的,就说个最简单的竖列折叠菜单吧,比如:
创新互联主营耿马网站建设的网络公司,主营网站建设方案,app软件定制开发,耿马h5成都小程序开发搭建,耿马网站营销推广欢迎耿马等地区企业咨询
菜单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 });你可以试试。
用选择器啊 你根据这个改一下
$(".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");
}
你呆以把html代码贴出来,写个折叠菜单不需要这么多代码。最多4行,html结构好的话2行足够
如下代码:
!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