基于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); }); }); 三、效果图 ![]() 作者:欣静赏悦 |