Javascript Bootstrap 3折叠/手风琴某些元素未展开

我正在使用bootstrap框架构建一个网站，但是崩溃组件出现了一些问题。我刚从旧版本切换到Bootstrap版本3。在旧版本中，折叠在所有浏览器中都能正常工作。然而，现在在链接到新版本的引导css和javascript并更新html标记之后，它的工作并不完全正确。在chrome中，除了其中三个以外，所有的折叠块都可以工作。当我点击它们时，什么也没发生。如果我在页面打开时强制打开它们（通过添加collapse.in），那么它们会打开，但是当我关闭它们，然后再次尝试打开它们时，它们不会打开。我有5套独立的手风琴，在这三套手风琴不起作用的情况下，每一套都是最后一套。我将这些代码与我的其他代码以及引导示例上的代码进行了比较，我似乎没有发现任何语法错误。下面是一些代码：

<div class="panel-group" id="accordion1">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
  <a data-toggle="collapse" data-parent="#accordion1" href="#collapseOne">
 Mid Shore Business and Technology Park
   </a>
   </h4>
</div>
 <div id="collapseOne" class="panel-collapse collapse">
  <div class="panel-body">

      Content

       </div>
    </div>
  </div>


      <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion1" href="#collapsetwo">
      Dorchester Technology Park
       </a>
       </h4>
    </div>
     <div id="collapsetwo" class="panel-collapse collapse">
      <div class="panel-body">

     Content

       </div>
    </div>
  </div>


  <div class="panel panel-default">
<div class="panel-heading">
  <h4 class="panel-title">
  <a data-toggle="collapse" data-parent="#accordion1" href="#collapsesix">
  Mistletoe Farm Project
   </a>
   </h4>
    </div>
     <div id="collapsesix" class="panel-collapse collapse">
      <div class="panel-body">

      Content

       </div>
    </div>
  </div>
  <div class="panel panel-default">
<div class="panel-heading">
  <h4 class="panel-title">
  <a data-toggle="collapse" data-parent="#accordion1" href="#collapsenine">
  Cambridge Waterfront:  SAILWINDS PARK 
   </a>
   </h4>
</div>
 <div id="collapsenine" class="panel-collapse collapse">
  <div class="panel-body">
       </div>
    </div>
  </div>  
</div>

内容
内容
内容

---

在一个稍微无关的注意，他们没有工作在IE。提前感谢

看到这个靴子了吗，这个工作台，嗯，你有什么改变吗？