Twitter Bootstrap的手風琴和多個孩子

Question

如何展開/顯示多個孩子？目前Service2沒有顯示。

<div class="accordion" id="accordion1"> 
<div class="accordion-group"> 
    <div class="accordion-heading"> 
     <div class="accordion-toggle group-accordion-toggle"> 
      <a href="#collapseOne" data-parent="#accordion1" 
       data-toggle="collapse" class=""><i 
        class="icon-plus"></i></a> 
      <a href="http://www.example.com">Operator</a> 
     </div> 
    </div> 

    <div id="collapseOne" class="accordion-body collapse"> 
     <div class="accordion-inner"><a 
       href="http://www.example.com/service1">Service1</a></div> 
    </div> 

    <div id="collapseOne" class="accordion-body collapse"> 
     <div class="accordion-inner"><a 
       href="http://www.example.com/service2">Service2</a></div> 
    </div> 

</div> 

http://jsfiddle.net/mejo/CXDC8/

Answer 1

你能不只是從Section2刪除<div id="collapseOne" class="accordion-body collapse">容器？

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

     <div class="accordion-inner"><a 
       href="http://www.example.com/service1">Service1</a> 
     </div> 

     <div class="accordion-inner"><a 
       href="http://www.example.com/service2">Service2</a> 
     </div> 
    </div> 

這裏是一個JSFiddle說明我的意思。

此外，具有相同ID的兩個元素並且可能導致問題進一步惡化是一種不好的做法。