 
<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+Ajax+Json的高效分頁實(shí)現(xiàn)代碼
分頁我相信大家存儲(chǔ)過程分頁已經(jīng)很熟悉了，ajax更是耳熟能詳了，更別說我們的json，等等
2011-10-10
jQuery動(dòng)態(tài)移除與增加onclick屬性的方法詳解
這篇文章主要介紹了jQuery動(dòng)態(tài)移除與增加onclick屬性的方法,結(jié)合實(shí)例形式分析了jQuery使用attr與removeAttr方法針對(duì)元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-06-06
jQuery圖片的展開和收縮實(shí)現(xiàn)代碼
圖片的展開和收縮使用jquery實(shí)現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)jquery 有所幫助
2013-04-04
jQuery常用知識(shí)點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù)
這篇文章主要介紹了jQuery常用知識(shí)點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù) 的相關(guān)資料,需要的朋友可以參考下
2016-02-02
jQuery選擇器源碼解讀（三）：tokenize方法
這篇文章主要介紹了jQuery選擇器源碼解讀（三）：tokenize方法,本文用詳細(xì)的注釋解讀了tokenize方法的實(shí)現(xiàn)源碼,需要的朋友可以參考下
2015-03-03
checkbox使用示例
checkbox想必大家對(duì)這個(gè)控件并不陌生吧，畢竟在網(wǎng)頁制作過程中經(jīng)常會(huì)使用到，下面與大家分享個(gè)示例主要介紹checkbox的使用，感興趣的朋友可以參考下
2013-08-08
jquery實(shí)現(xiàn)鍵盤左右翻頁特效
jQuery實(shí)現(xiàn)網(wǎng)頁上鍵盤左右方向鍵翻頁代碼,我們?cè)诤芏嘈≌f網(wǎng)站經(jīng)?？吹竭@樣的效果,這樣可以給網(wǎng)站提高用戶體驗(yàn),方便訪客翻頁使用,從而大大提高了網(wǎng)站PV
2015-04-04
jQuery 源碼分析筆記(2) 變量列表
在初始化jQuery對(duì)象的代碼開始之前聲明了一大堆變量。主要包括：全局變量的備份；處理字符串用的正則表達(dá)式；檢測(cè)瀏覽器的正則表達(dá)式；對(duì)核心函數(shù)的引用備份。這里略過大部分，只說兩種：全局變量和瀏覽器檢測(cè)。
2011-05-05
詳解強(qiáng)大的jQuery選擇器之基本選擇器、層次選擇器
自從接觸了jQuery后就為其強(qiáng)大的選擇器所震撼，這也正是jQuery的優(yōu)勢(shì)所在
2012-02-02
jquery插件制作自增長輸入框?qū)崿F(xiàn)代碼
本章我們將創(chuàng)建一個(gè)自增長的輸入框插件，jquery.aotogrow.js
2012-08-08