javascript - bootstrap 崩溃一次只能看到一个

标签 javascript jquery twitter-bootstrap

我正在使用 Bootstrap collapse单击相关按钮时将显示该信息。问题是这种崩溃不能相辅相成。我希望一次只显示一个折叠并隐藏所有其他折叠。

虽然 Accordion 示例可用,但它不适用于按钮。我是 Bootstrap 的新手,也许我的做法是错误的。

这是我的jsfiddle

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExampleTwo" aria-expanded="false" aria-controls="collapseExampleTwo">
  Button with data-target
</button>

<div class="collapse" id="collapseExampleTwo">
  <div class="well">
      <div><p>2nd div</p></div>    
  </div>
</div>

我如何一次只显示一个折叠。

最佳答案

试试这个:

$('.btn-primary').on('click',function(){$('.collapse').collapse('hide');})

关于javascript - bootstrap 崩溃一次只能看到一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29511971/

相关文章:

jquery - 管理表单组上的元素溢出

javascript - setTimeout 不完全工作

javascript - 类型错误 : _this2 is undefined REACTJS

jquery - 在 WordPress 中滚动时更改导航菜单背景颜色

jquery - 移除 navbar-toggleable 后隐藏的导航栏元素

css - Bootstrap 4 : Cards: How do I make horizontal repeating cards in three columns

Javascript:如何更改节点名称?

javascript - 如何使用ajax将从jquery for循环创建的输入值发送到php

javascript - 在关闭浏览器 javascript 时删除 localStorage

jquery - 使用 jQuery 向同一文本添加多种样式