Javascript 引导手风琴元素无法打开

我有许多动态生成的引导手风琴嵌套在选项卡中。这都是自举。我有一个手风琴面板默认打开，但一旦我点击任何地方，它就会关闭，没有其他面板会打开

我在示例中直接使用了代码，但填充了dynamica元素。我已经检查了这里的所有其他可能性-确保我的数据目标和/或href与手风琴主体的id匹配，并且一切正常。有人建议使用data target而不仅仅是href，但这没有帮助。每个手风琴都有一个唯一的名称，对数据父级的调用是正确的。下面是生成我复制到JSFIDLE的源代码：

-----更新——我想出来了，但无法回答我自己的问题，因为我“没有足够的经验点”——没有意识到这是一个游戏

我想出来了。。我的手风琴内容的id以及指向它的相关数据目标和href是基于电影标题的，这些标题是唯一的，但在每个手风琴中重复，尽管是在单独的选项卡上。当然，这是针对非唯一ID的

我的修复方法如下所示，我在为三个手风琴中的每一个生成的id后添加了一个_nIE，_1：

---

问题似乎在于选项卡内容中有手风琴

---

当它从选项卡窗格中移除时，工作正常：

我正在摆弄小提琴，我通过从手风琴中拉出内容来让它工作。我不小心把小提琴升级到了工作版本，所以我从网站上复制/粘贴了内容，现在第一个标签上的手风琴可以工作了，但其他两个却不行！它现在甚至可以在网站上工作——如果你在做任何其他事情之前点击第一个标签——如果你点击其他任何一个手风琴，第一个标签上的手风琴就会停止正常工作。

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

       <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}">