Twitter bootstrap twitter引导崩溃在模态车中

Twitter bootstrap twitter引导崩溃在模态车中,twitter-bootstrap,modal-dialog,accordion,collapse,Twitter Bootstrap,Modal Dialog,Accordion,Collapse,我试图在模态对话框中使用collapse。在我的页面上,在模态和折叠之外,我想放置一些我收听的链接,以便打开模态对话框和折叠的特定部分。如果不配合使用,每个组件似乎都能很好地工作。 下面是一个使用文档中的标记的示例,它将塌陷合并到模式中。直到我触发打开某个折叠,折叠的功能才会中断 标记: <!-- Button to trigger modal --> <a href="#myModal" role="button" class="btn" data-toggle="modal

我试图在模态对话框中使用collapse。在我的页面上,在模态和折叠之外,我想放置一些我收听的链接,以便打开模态对话框和折叠的特定部分。如果不配合使用,每个组件似乎都能很好地工作。 下面是一个使用文档中的标记的示例,它将塌陷合并到模式中。直到我触发打开某个折叠,折叠的功能才会中断

标记:

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Button to trigger modal -->
<a id="showCollapseOne" href="#myModal" role="button" class="btn">show collapseOne</a>

<!-- Button to trigger modal -->
<a id="showCollapseTwo" href="#myModal" role="button" class="btn">show collapseTwo</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>

        <!-- ACCORDION -->

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
</div>

        <!-- END ACCORDION -->

    </p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>
有什么办法让它工作吗

$('#showCollapseOne').on('click', function(){
    $('#myModal').modal('show');
    $('#collapseOne').collapse({toggle: true, parent: '#accordion2'});
});
$('#showCollapseTwo').on('click', function(){
    $('#myModal').modal('show');
    $('#collapseTwo').collapse({toggle: true, parent: '#accordion2'});
});