Bootstrap 3以編程方式摺疊面板

Question

我有一個問題。 有沒有什麼辦法以編程方式摺疊並切換回引導面板。

<div class="panel panel-default panel-primary"> 
    <div class="panel-heading"> 
       ... 
     <div class="pull-right"> 
      <div class="btn-group"> 
       <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#to"> 
        <i class="fa fa-chevron-down fa-fw"></i> 
       </button> 
      </div> 
     </div> 
    </div> 
    <div id="to" class="panel-body collapse">....</div> 
</div> 

我需要摺疊它或用一些處理程序展開。

Answer 1

試試這個：

<div class="panel panel-default panel-primary"> 
    <div class="panel-heading"> 
       ... 
     <div class="pull-right"> 
      <div class="btn-group"> 

      </div> 
     </div> 
    </div> 
    <div id="to" class="panel-body collapse">....</div> 
</div> 


     <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#to"> 
        <i class="fa fa-chevron-down fa-fw"></i> Click me 
       </button> 

DEMO