如何在默认情况下打开手风琴

Question

好吧我不太了解JavaScript，所以我通过在谷歌搜索中创建了手风琴。但问题是手风琴的第一项始终是开放的，即使我不使用“切换活动”类。手风琴虽然完美，但我的意思是，如果我使用3号项目中的“切换活动”类作为示例，则默认打开3号项目。

但我的问题是我只有一个项目&我想打开手风琴项目，当它只是点击，默认情况下不打开。我该怎么做？

这里是代码家伙：

jQuery(".toggle-item").each(function() { 
     jQuery(this).find('.toggle-active').siblings('.toggle-inner').slideDown(300);       
    }); 

    jQuery(".toggle-item").on("click", ".toggle-title", function() { 
     var thisItem = jQuery(this); 
     var parentdiv = thisItem.parent('div').parent('div'); 
     var active = thisItem.parent('div').find('.toggle-inner').css('display'); 

     if (jQuery(parentdiv).attr('class') === 'accordion') { 
      if (active !== 'none') { 
       jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300); 
       thisItem.toggleClass('toggle-active'); 
      } else { 
       jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300); 
       jQuery(parentdiv).find('.toggle-item .toggle-title').removeClass('toggle-active'); 

       thisItem.toggleClass('toggle-active'); 
       thisItem.siblings('.toggle-inner').slideDown(300); 
      } 
     } else { 
      thisItem.toggleClass('toggle-active'); 
      thisItem.siblings('.toggle-inner').slideToggle(300); 
     } 

     return false; 
    }); 

Answer 1

使用http://api.jqueryui.com/accordion/#option-collapsible

这是一个jQuery折叠菜单，您可以使用。

$（ “.toggle项目”）.accordion（ “选项”，{ 可折叠：真， 活跃：假 }）;