Javascript 如何使用twitter collapse仅触发一个元素

我正在使用twitter引导来扩展折叠效果，所有的东西都在工作，但当我点击一些元素时，我遇到了一个问题，然后我所有的带旋转木马类的div都在扩展，有人知道如何解决这个问题吗？下面是代码示例：

<div class="description collapse-group">
   <!-- This div with class mehr-pfeil I am using as trigger for collapse. If user clicks on it, the content of collapse element should show.-->
   <div class="mehr-pfeil" onclick=".collapse('toggle');">
      <!-- But if user clicks on heading <a> then it shall go directly to article -->
      <a href="/?id=2500,1111142">
      <span>04.07.2014</span>
      <span class="orange">&nbsp;</span><span>Some content <span>
      </a>
      <p class="collapse">Some content</p>
   </div>
   <p class="collapse">Nicht das Erfinden neuer Themen, sondern das Umsetzen bestehender bzw. der in den Klausuren definierten.</p>
</div>

如果遵循此示例，您应该能够正确实现展开-折叠效果

我不太清楚你想问什么；您的解释对我来说不是很清楚，我有点不确定您的代码试图实现什么。但据我所知，问题的根源可能是标签中缺少id和href属性

例如：

<div class="panel">
  <a data-toggle="collapse" href="#collapsableDiv">Click me!</a>
  <div id="collapsableDiv" class="panel-collapse collapse">
    <p>Nicht das Erfinden neuer...</p>
  </div>
</div>

我没有时间创建一个JSFIDLE并检查我的工作，但这是一个应该适用于引导崩溃基本原理的示例。只要项目中有bootstrap.js，就不需要任何自定义JavaScript

IMO使用jQuery效果比Bootstrap更干净、更容易；我目前正在处理一个使用引导折叠的项目，但是动画随机停止工作，所以我切换到使用jQuery幻灯片效果。考虑一下，如果Bootstrap给了你太多的麻烦。

<div class="panel">
  <a data-toggle="collapse" href="#collapsableDiv">Click me!</a>
  <div id="collapsableDiv" class="panel-collapse collapse">
    <p>Nicht das Erfinden neuer...</p>
  </div>
</div>