jquery手风琴折叠在新选项卡打开上

Question

我试图使我的手风琴崩溃点击下一个标签，我有问题。我相信代码是正确的，标签打开了。但是，如果我单击选项卡2，选项卡1仍处于打开状态。

此外，如果选项卡打开，箭头就不会向下。

<ul class="aside-nav d-all grey-border ">
            <li class="aside-open-close active">
                <a class="aside-opener" href="#">tab1</a>
                <div class="slide">
                    content
                </div>
            </li>
            <li class="aside-open-close ">
                <a class="aside-opener" href="#">tab2</a>
                <div class="slide">
                    content
                </div>
            </li>
            <li class="aside-open-close ">
                <a class="aside-opener" href="#">tab3</a>
                <div class="slide">
                    content
                </div>
            </li>
        </ul>

JQUERY

    // open-close init
function initOpenClose() {
    jQuery('.open-close, .aside-open-close').openClose({
        activeClass: 'active',
        opener: '.opener, .aside-opener',
        slider: '.slide',
        animSpeed: 400,
        effect: 'slide'
    });
    jQuery('.nav').openClose({
        activeClass: 'active',
        opener: '.nav-opener',
        slider: '.nav-slide',
        animSpeed: 400,
        effect: 'slide'
    });

    jQuery('#nav .drop').each(function(){
        var holder = jQuery(this);
        var opener = holder.children('a');
        var drop = holder.children('.drop-holder');

        opener.on('click', function(e){
            e.preventDefault();
            holder.toggleClass('hover');
        });

        jQuery('body').on('click', function(e){
            if(holder.hasClass('hover') && !jQuery(e.target).closest(holder).length) holder.removeClass('hover')
        });
    });
}

Answer 1

如果你把你的ul标签设为手风琴，它就能正常工作。

加法

$('.aside-nav').accordion();

工作小提琴