如何触发只有一个元素与推特崩溃

How to trigger ONLY one element with twitter collapse

本文关键字：崩溃 元素 何触发 有一个      更新时间：2023-09-26

我正在使用twitter Bootstrap展开-折叠效果，一切都在工作，但我有一个问题，当我点击一些元素，然后我所有的div与carousel类都在扩展，有人知道如何解决这个问题吗这里是代码示例:

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

p。这只是我的内容的一个例子，应该与崩溃触发。想象你有不止一个。

更新:当我点击崩溃元素时，问题总是出现。例如，如果一个元素被关闭，那么另一个元素就会打开，反之亦然。

所以我想知道如何触发这个动作只有一个元素与js:

我当前正在使用的on click事件:

onclick="$(''#main-content'').find(''.collapse'').collapse(''toggle'');">'."'n";

如果您遵循这里的示例，您应该能够正确地实现展开-折叠效果。

我不太清楚你想问什么;你的解释对我来说不是很清楚，我有点不确定你的代码想要完成什么。但是据我所知，你的问题的根源可能是你的标签中缺乏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>

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

在我看来，使用jQuery效果比Bootstrap更简洁、更容易;我目前正在做一个项目，使用Bootstrap崩溃，但动画随机停止工作，所以我切换到使用jQuery幻灯片效果。如果bootstrap给您带来了太多麻烦，请考虑一下。
相关文章：