jQuery的手风琴默认情况下不

我使用的引导提供崩溃插件，它是一个jQuery简单的插件jQuery的手风琴默认情况下不

但是默认情况下它崩溃，如何修改，使塌陷项默认是隐藏的，倒塌只有当我按下标题，然后项目折叠并显示？谢谢

The document of the plugin, just few line so it only takes one minute

$(document).ready(function() { 
$(".collapse").collapse()({ 
    toggle: false, 
    show: false 
    }); 
});

这是HTML：

<div class="accordion-group"> 
      <div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;">      
       Collapsible #1 
        </div> 
      <div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;"> 
       content1 
      </div> 
          <div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;">      
       Collapsible #2 
        </div> 
      <div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;"> 
       content2 
      </div>

来源

2012-04-13 user782104

可能的重复[如何让我的手风琴加载所有菜单关闭？]（http://stackoverflow.com/questions/9419470/how-do-i-get-my-accordion-to-load-with -all-the-menu-closed） – davidcondrey 2014-06-24 08:32:29

自举3，一些事情发生了变化。下面的代码实现自举3

您所需的功能，如果你想要的面板主体为默认显示：

<div id="collapseOne" class="panel-collapse collapse in">

如果你想在面板主体默认隐藏：

<div id="collapseOne" class="panel-collapse collapse">

这里是一个例子：

<div class="bs-example"> 
    <div class="panel-group" id="accordion"> 

      <!- Repeat For Next Panel-------> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h4 class="panel-title"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
         xxxxxxxxxxxHERE IS THE HEADER CONTENTSxxxxxxxxxxxx 
        </a> 
       </h4> 
      </div> 
       <div id="collapseOne" class="panel-collapse collapse in"> 
        <div class="panel-body"> 
         xxxxxxxxxxxHERE IS THE BODY CONTENTSxxxxxxxxxxxx 
        </div> 
       </div> 
     </div> 
      <!- Repeat For Next Panel---(but change <div id="collapseTwo")---> 

    </div> 
</div>

来源

2013-10-08 18:38:04 Huntario

并改变为href =“＃collapseTwo”> – Huntario 2013-10-08 18:51:22

我越来越沮丧，直到你的帖子明确表示“in”并不意味着“不可见”。 – Lucas 2014-05-03 17:25:34

您是否必须拥有class =“panel panel-default”？我发现如果我从div中删除它，它会停止自动关闭。但我不想要它的风格。 – 2015-04-28 13:34:57

<div class="accordion-group collapse"> 
    <div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;">      
      Collapsible #1 
    </div> 
    <div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;"> 
      content1 
    </div> 
    <div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;">      
      Collapsible #2 
    </div> 
    <div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;"> 
      content2 
    </div> 
</div>

来源

2017-01-23 09:42:30

jQuery的手风琴默认情况下不

回答

相关问题