jquery手风琴折叠新标签打开

Question

我试图让我的手风琴折叠点击下一个标签，我有问题。我相信代码是正确的，标签打开。但如果我点击标签2选项卡1仍然打开。

如果选项卡打开，箭头也不会朝下。

HTML

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

Working fiddle