jQuery折疊菜單。

你呆以把html代碼貼出來(lái)，寫(xiě)個(gè)折疊菜單不需要這么多代碼。最多4行，html結(jié)構(gòu)好的話2行足夠

創(chuàng)新互聯(lián)公司是一家專(zhuān)注于做網(wǎng)站、網(wǎng)站制作與策劃設(shè)計(jì),豐澤網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:豐澤等地區(qū)。豐澤做網(wǎng)站價(jià)格咨詢:13518219792

jquery怎么實(shí)現(xiàn)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無(wú)標(biāo)題文檔/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 = "展開(kāi)"));

});

}

/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的展開(kāi)折疊效果沒(méi)法實(shí)現(xiàn)，調(diào)用沒(méi)問(wèn)題

!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"

衛(wèi)衣絨衫

/li

li?class="c"

外套?

span?class="c2"

小披肩

/span

/li

li?class="c2"

襯衫

/li

li?class="c2"

長(zhǎng)袖T恤

/li

li?class="c2"

風(fēng)衣?毛呢外套

/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"

長(zhǎng)褲

/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折疊菜單

用選擇器啊 你根據(jù)這個(gè)改一下

$(".main a").click(function(){//如果設(shè)為.main a則在子菜單的點(diǎn)擊也有相同的效果

//找到主菜單項(xiàng)所對(duì)應(yīng)的子菜單項(xiàng)

var ulNode=$(this).next("ul");

/*最初的方法

if(ulNode.css("display")=="none"){

ulNode.css("display","block");//把display屬性改為block

}else{

ulNode.css("display","none");

}

jquery 如何實(shí)現(xiàn)折疊菜單

知道你要啥樣的，就說(shuō)個(gè)最簡(jiǎn)單的豎列折疊菜單吧,比如：

菜單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為：(沒(méi)樣式只有功能，樣式自己去加)

.menu?ul{?display:none}

js為：

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

$(this).find('ul').slideToggle();

)}

怎么使jquery手風(fēng)琴全部折疊

如果你用的是jquery-ui-accordion的話，可以用這種方法$( ".selector" ).accordion({ active: -1 });你可以試試。

文章標(biāo)題：jquery折疊,jquery折疊菜單代碼
URL鏈接：http://jinyejixie.com/article2/dssopic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站策劃、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)