twitter bootstrap收起第一個項目並打開第二個項目

Question

我正在使用twitter boostrap第一次使用摺疊式手風琴&。

當頁面加載第一個項目時默認打開&其餘項目全部摺疊。

我想要第二個項目打開&第一個項目&默認情況下頁面加載時要摺疊的項目。

有沒有簡單的方法來實現這一點？我試圖玩data-toggle屬性，但沒有得到任何地方。

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     Name &amp; Location 
     </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     <%= f.input :name %> <br/> 

     <%= f.input :addr_1, label: 'Address' %> <br/> 

     <%= f.input :addr_2, label: false %> <br/> 

     <%= f.input :addr_3, label: false, placeholder: "County, State, Provence, Region etc" %> <br/> 

     <%= f.input :country, label: false, :priority => [ "Ireland", "United Kingdom" ] %> <br/> 

     </div> 
    </div> 
    </div> 

    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Description 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 

     <%= f.input :description, :input_html => { :cols => 10, :rows => 3 } %> <br/> 

     <%= f.input :looped, :as => :boolean %> 

     <%= f.input :duration_hours, :label => 'Duration', :collection => 0..12, :include_blank => false, :hint => "hours" %> 

     <%= f.input :duration_mins, collection: [ 0, 15, 30, 45 ], :include_blank => false, label: false, :hint => "mins" %> 
     </div> 
    </div> 
    </div> 


    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
     Images 
     </a> 
    </div> 
    <div id="collapseThree" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     <%= f.simple_fields_for :photos do |builder| %> 
      <%= render 'photo_fields', f: builder %> 
     <% end %> 
     <div style=clear:both;> </div> 
     <%= link_to_add_fields "Add More", f, :photos %> 
     </div> 
    </div> 
    </div> 

    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour"> 
     Route 
     </a> 
    </div> 
    <div id="collapseFour" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     <%= f.simple_fields_for :routes do |builder| %> 
      <%= render 'route_fields', f: builder %> 
     <% end %> 
     <%= link_to_add_fields "Add Step", f, :routes %> 
     </div> 
    </div> 
    </div> 

    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive"> 
     Directions 
     </a> 
    </div> 
    <div id="collapseFive" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     <%= f.simple_fields_for :directions do |builder| %> 
      <%= render 'direction_fields', f: builder %> 
     <% end %> 
     <%= link_to_add_fields "Add More Directions", f, :directions %> 
     </div> 
    </div> 
    </div> 

</div> 

Answer 1

引導使用in類，以確定哪些項目默認打開（不只是在手風琴的功能），這樣你可以在類移動到#collapseTwo DIV，它會默認打開。