jQuery口风琴式导航

/**
 * 口风琴式导航
 * @param obj 点击事件索引
 * @param obj1 事件父级索引
 * @param obj2
 */
function pianica(obj,obj1) {
    $(obj).on('click',function () {
        var that = $(this).parent(obj1);
        if(that.hasClass("active")){
            that.removeClass("active");
        }else {

            $(obj1).removeClass("active");
            that.addClass("active");
        }
    });

}

布局

  <div class="nav">
        <ul>
            <li>
                <a href="javascript:;">下拉</a>
                <dl>
                    <dd><a href="">下拉一</a></dd>
                    <dd><a href="">下拉二</a></dd>
                    <dd><a href="">下拉三</a></dd>
                </dl>
            </li>
        </ul>
    </div>