189 8069 5689

jquery折叠,jquery折叠菜单代码

jQuery折叠菜单。

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

创新互联公司是一家专注于做网站、网站制作与策划设计,丰泽网站建设哪家好?创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:丰泽等地区。丰泽做网站价格咨询:13518219792

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的展开折叠效果没法实现,调用没问题

!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

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 如何实现折叠菜单

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

菜单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折叠,jquery折叠菜单代码
网页URL:http://jkwzsj.com/article/dssopic.html

其他资讯