부트 스트랩 아코디언 요소가 열리지 않습니다.

Question

동적으로 생성 된 부트 스트랩 아코디언이 탭에 중첩되어 있습니다. 모든 부트 스트랩입니다. 하나의 아코디언 패널을 기본값으로 열지 만 한 번 클릭하면 닫히고 다른 하나는 열리지 않습니다.

나는 예제를 벗어나서 dynamica 요소를 채우는 코드를 사용하고 있습니다. 나는 여기에서 다른 모든 가능성을 확인했다. 내 데이터 타겟 및/또는 href가 아코디언 바디의 ID와 일치하는지 확인했다. 누군가가 href 대신 데이터 타겟을 사용하도록 제안했지만 도움이되지 않았습니다. 각 아코디언에는 고유 한 이름이 있으며 데이터 부모에 대한 호출이 정확합니다.

 <div class="tab-pane active" id="institutional"> 
     <div class="accordion" id="accordion2"> 
     {foreach name=loop from=$institutional item=film} 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" data-target="#{$film->url_key|escape}" href="#{$film->url_key|escape}"> 
       {$film->title()|escape} - 
       {$film->title_suffix()|escape} 
      </a> 
      </div><!-- /accordion-heading --> 
      <div id="{$film->url_key|escape}" class="accordion-body collapse {if $smarty.foreach.loop.first} in{/if}"> 
      <div class="accordion-inner"> 

http://jsfiddle.net/dylanglockler/7qy8g/1/

---------- UPDATE -------이 그것을 알아 냈 : 여기 jsfiddle을 복사 무엇 생성 된 소스 코드는 그러나 충분한 경험 포인트가 없기 때문에 내 자신의 질문에 대답 할 수 없습니다. 이것이 게임이라는 것을 깨닫지 못했습니다.

내 아코디언 콘텐츠 ID와 관련 데이터 타겟 및 href는 고유하지만 각 탭 내에서 반복되지만 별개의 탭에 있지만 반복되는 영화 제목을 기반으로합니다. 물론 이것은 고유하지 않은 ID를 위해 만들어졌습니다.

내 수정 아래, 나는 세 가지 아코디언 각각에 대해 생성 된 ID 후 _n (즉, _1)을 추가 :

 <div class="accordion" id="accordion1"> 
     {foreach name=loop from=$home item=film} 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" data-target="#{$film->url_key|escape}_1" href="#{$film->url_key|escape}_1">{$film->title()|escape} - {$film->title_suffix()|escape}</a> 
      </div><!-- /accordion-heading --> 
      <div id="{$film->url_key|escape}_1" class="accordion-body collapse {if $smarty.foreach.loop.first} in{/if}"> 

Answer 1

문제가 될 것으로 보인다 탭 콘텐츠 안에 아코디언이 있습니다. 나는 바이올린과 조롱했다 http://jsfiddle.net/skelly/7qy8g/2/