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

            });

        });

三、效果图