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

三、效果图