快捷導(dǎo)航

基于JQuery的一句話搞定手風(fēng)琴菜單

更新時(shí)間：2012年09月14日 02:26:55 作者：

基于JQuery的一句話搞定手風(fēng)琴菜單效果代碼，需要的朋友可以參考下

一、Html代碼

 
<div class="MenuSubTitle AccordionCollapse">子菜單1</div> 
<div> 
<a href="Fld_BaseData/aa.aspx">aa管理</a><br/> 
<a href="Fld_BaseData/bb.aspx">bb管理</a><br/> 
</div> 
<div class="MenuSubTitle AccordionCollapse">子菜單2</div> 
<div> 
<a href="Fld_BaseData/aa.aspx">ccc管理</a><br/> 
<a href="Fld_BaseData/bb.aspx">ddd管理</a><br/> 
</div> 
</div> 

二、Jquery代碼

復(fù)制代碼代碼如下:

 
$(function () { 
$('.MenuSubTitle').click(function () { 
$(this).toggleClass('AccordionCollapse').toggleClass('AccordionExpand').next().toggle('normal'); 
}); 
}); 

三、效果圖

作者:欣靜賞悅

您可能感興趣的文章:

手風(fēng)琴

相關(guān)文章

使用jquery制作彈出框效果
本文主要是使用jDialog插件實(shí)現(xiàn)的彈出框效果，代碼十分簡(jiǎn)介，需要的小伙伴自己參考下吧。
2015-04-04
Jquery彈出層插件ThickBox的使用方法
這篇文章主要介紹了Jquery彈出層插件ThickBox的使用方法,需要的朋友可以參考下
2014-12-12
jQuery validate 驗(yàn)證radio實(shí)例
這篇文章主要介紹了jQuery validate 驗(yàn)證radio實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
基于jQuery拖拽事件的封裝
這篇文章主要為大家詳細(xì)介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫(xiě)《鋒利的jQuery》第三章章節(jié)總結(jié)的例子
2010-03-03
jQuery的幾種選擇器及實(shí)例詳解
這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類(lèi)、類(lèi)型、屬性、屬性值等"查找"（或選擇）HTML 元素, 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器,需要的朋友可以參考下
2023-05-05
jquery檢測(cè)input checked 控件是否被選中的方法
這篇文章主要介紹了jquery檢測(cè)input checked 控件是否被選中的方法,需要的朋友可以參考下
2014-03-03
jquery中交替點(diǎn)擊事件的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery中交替點(diǎn)擊事件的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2014-02-02
詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10