ブートストラップのデータトグルは、最初のクリックではなく、2回目のクリック後にdivを折りたたみます。

Question

simple exampleにはブートストラップがあり、クリックしてdivを切り替えることができます。ここにマークアップがあります：

<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"> 
    <div class="span6"> 
     <div class="well well-small"> 
      <div class="accordion-toggle"> 
       ...some text... 
      </div> 
     </div> 
    </div> 
    <div class="span2"></div>        
</div> 

ユーザのclixksが「Open！基礎となるdivが拡大または縮小します。 Divは最初に展開され、ユーザーが最初にクリックしたときには効果がありません。ユーザーが2回目にクリックすると、divが折りたたまれます。

original exampleのdivは最初は折りたたまれていますが、開かれたいと思います。どうすれば問題を解決できますか？

Answer 1

クラス 'collaspe in'をclass = "accordion-body"に追加するだけです。 CODEPEN

HTMLで

チェックコード例：

<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> 

は、私は、これはあなたの問題を解決することを願っています。 お楽しみください:)