부트 스트랩 데이터 토글은 두 번째 클릭 이후 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는 초기에 확장되고 사용자가 처음 클릭 할 때 효과가 없습니다. 그런 다음 사용자가 두 번째로 클릭하면 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> 

나는이 문제가 해결되기를 바랍니다. Enjoy :