2017-01-31 37 views
0

enter image description herejQuery的幻灯片 - 不关闭之前的手风琴

家伙,这是一个jQuery的手风琴,就是当你打开一个新的以前手风琴(标签)封闭。例如,当您打开第一个选项卡,然后打开第二个选项卡时,第一个选项卡将关闭。基本上,当你打开一个标签时,另一个关闭。我如何防止前一个关闭?只有当用户再次点击该选项卡时,该选项卡才会关闭。

这里的jQuery的 -

jQuery(document).ready(function ($) { 

    var open = $('.openx'), 
     a = $('ul').find('a'); 

    console.log(a.hasClass('active')); 

    open.click(function (e) { 
     e.preventDefault(); 
     var $this = $(this), 
      speed = 500; 
     if ($this.hasClass('active') === true) { 
      $this.removeClass('active').next('.inneraccordionbox').slideUp(speed); 
     } 
     else if (a.hasClass('active') === false) { 
      $this.addClass('active').next('.inneraccordionbox').slideDown(speed); 
     } else { 
      a.removeClass('active').next('.inneraccordionbox').slideUp(speed); 
      $this.addClass('active').next('.inneraccordionbox').delay(speed).slideDown(speed); 
     } 

    });  
}); 

手风琴是ulli格式,具有类a标签openx

+0

的可能的复制[,保持多个部分开放jQuery UI的手风琴?](http://stackoverflow.com/questions/3479447/jquery-ui-accordion-that-keeps-multiple-sections-open) – zero01alpha

+0

@ zero01alpha - 检查下面的答案。 –

回答

0

只需注释掉下面的行会工作。因为它是关闭所有项目的那个。

a.removeClass('active').next('.inneraccordionbox').slideUp(speed); 
+0

它确实有效。谢谢。 –

相关问题