Twitter Аккордеон бутстрапа и несколько детей

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

Не могли бы вы не просто удалить <div id="collapseOne" class="accordion-body collapse"> контейнер из Section2?

<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, иллюстрирующий, что я имею в виду.

Кроме того, это плохая практика иметь два элемента с одинаковым идентификатором и может вызывать проблемы дальше по дороге.