引導最初是摺疊的元素

Question

我使用bootstrap模板，我想通過默認的方式來改變的accordion作品。

我怎樣才能關閉切換頁面時，首先看到的（根據負荷）？

<div class="accordion-heading"> 
    <a class="accordion-toggle" 
     data-toggle="collapse" 
     data-parent="#accordion2" 
     href="#collapseOne">Open!</a> 
</div> 
<div id="collapseOne" class="accordion-body collapse in"> 
    <div class="span6"> 
     <div class="well well-small"> 
      <div class="accordion-toggle"> 
       ...some text... 
      </div> 
     </div> 
    </div> 
    <div class="span2"></div>        
</div> 

Answer 1

刪除「在」當你展開或摺疊手風琴它只是增加/刪除一個類「中」，並設置height:auto或0手風琴股利。

Demo

所以在你的手風琴，當你定義它剛剛從DIV去掉「在」類，如下。無論何時您擴展accorion，它都會添加「in」類以使其可見。

如果渲染與頁面「中的」引導尋找類，它將使div的高度：汽車，如果它不存在，它會在零高度。

<div id="collapseOne" class="accordion-body collapse"> 

Answer 2

您需要從「崩潰」

Answer 3

另一個解決方案是增加撥動= false添加到崩潰的目標，這將阻止它隨意打開和關閉該情況發生，如果你只是刪除了「在」

如

<div class="accordion-heading"> 
    <a class="accordion-toggle" 
     data-toggle="collapse" 
     data-parent="#accordion2" 
     href="#collapseOne">Open!</a> 
</div> 
<div 
    id="collapseOne" 
    class="accordion-body collapse" 
    data-toggle="false" 
    > 
    <div class="span6"> 
     <div class="well well-small"> 
      <div class="accordion-toggle"> 
       ...some text... 
      </div> 
     </div> 
    </div> 
    <div class="span2"></div>        
</div> 

Answer 4

如果刪除in類對您不起作用，那麼這是我的情況，您可以使用CSS顯示屬性強制合攏的初始狀態：

... 
<div id="collapseOne" class="accordion-body collapse" style="display: none;"> 
...