网站建设资讯

NEWS

网站建设资讯

jquery折叠,jquery折叠菜单信息管理

jquery 如何实现折叠菜单

知道你要啥样的,就说个最简单的竖列折叠菜单吧,比如:

创新互联主营耿马网站建设的网络公司,主营网站建设方案,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手风琴全部折叠

如果你用的是jquery-ui-accordion的话,可以用这种方法$( ".selector" ).accordion({ active: -1 });你可以试试。

jQuery折叠菜单

用选择器啊 你根据这个改一下

$(".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");

}

jQuery折叠菜单。

你呆以把html代码贴出来,写个折叠菜单不需要这么多代码。最多4行,html结构好的话2行足够

jquery怎么实现table的行折叠

如下代码:

!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


文章标题:jquery折叠,jquery折叠菜单信息管理
文章位置:http://njwzjz.com/article/phsgso.html