2013-04-20 4 views
0

여러 어린이를 확장/표시하는 방법? 현재 Service2는 표시되지 않습니다.Twitter 부트 스트랩의 아코디언 및 여러 어린이

<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/

+0

부트 스트랩의 아코디언이 내가 원하는 것을 지원하지 않는다고 생각합니까? – MJo

+0

솔루션은 첫 번째 아코디언 내부의 단순한 아코디언 클래스 일 수 있으므로 필요한 경우 전체 아코디언 구조를 중첩합니다. – MJo

답변

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가 동일한 두 요소가있는 것이 좋지 않으며 문제가 더 심해질 수 있습니다.

관련 문제