基于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'); 
}); 
});

三、效果图
基于JQuery的一句话搞定手风琴菜单
作者:欣静赏悦

相关推荐