基于JQuery的一句話搞定手風琴菜單
更新時間：2012年09月14日 02:26:55 作者：
基于JQuery的一句話搞定手風琴菜單效果代碼，需要的朋友可以參考下
一、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代碼
$(function () {
$('.MenuSubTitle').click(function () {
$(this).toggleClass('AccordionCollapse').toggleClass('AccordionExpand').next().toggle('normal');
});
});
三、效果圖
作者:欣靜賞悅
復(fù)制代碼 代碼如下:
<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');
});
});
三、效果圖
作者:欣靜賞悅
相關(guān)文章
本文主要是使用jDialog插件實現(xiàn)的彈出框效果，代碼十分簡介，需要的小伙伴自己參考下吧。2015-04-04
這篇文章主要介紹了Jquery彈出層插件ThickBox的使用方法,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery validate 驗證radio實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了基于jQuery拖拽事件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
鋒利的jQuery 第三章章節(jié)總結(jié)的例子
改寫《鋒利的jQuery》第三章章節(jié)總結(jié)的例子2010-03-03
這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素, 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器,需要的朋友可以參考下2023-05-05
jquery檢測input checked 控件是否被選中的方法
這篇文章主要介紹了jquery檢測input checked 控件是否被選中的方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jquery中交替點擊事件的實現(xiàn)代碼,需要的朋友可以參考下2014-02-02
詳細解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
jquery動態(tài)創(chuàng)建div與input的實例代碼
下面小編就為大家?guī)硪黄猨query動態(tài)創(chuàng)建div與input的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10