jquery折叠代码（jquery 折叠）

今天给各位分享jquery折叠代码的知识，其中也会对jquery 折叠进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、jquery怎么实现table的行折叠
• 2、竖导航菜单 单击li显示下级菜单，再次点击则折叠隐藏 jquery如何实现
• 3、用Jquery或javascript实现点击TreeView的根节点展开或折叠显示不同的根节点图片？

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

竖导航菜单 单击li显示下级菜单，再次点击则折叠隐藏 jquery如何实现

这样就可以了吧。

$('ullia').click(function(){

$(this).next('ul').toggle();

})

用Jquery或javascript实现点击TreeView的根节点展开或折叠显示不同的根节点图片？

给你个思路：

也许可以给子节点 设置 style属性 style="display:none;"

(toggle在新版本中已经取消了使用，仅有动画效果：消失和展示)

但是你可以判断子节点的属性 .is(":visible") 和 .is(":hidden")来实现这个效果：

click事件：(jQuery)

点击根节点，如果子节点(展示就隐藏，隐藏就展示);但是要注意根节点和子节点应该是有一定关系的，这个你自己想想可以解决的。

jquery折叠代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery 折叠、jquery折叠代码的信息别忘了在本站进行查找喔。