twitter-bootstrap - Twitter Bootstrap - 打开和关闭 div

Question

我是 Twitter Bootstrap 框架的新手。我想从一个按钮打开和关闭一个 div。怎么做？

谢谢乌利

Answer 1

这在bootstrap docs中有明确的介绍。

不需要 JS（除了包括引导 JS）。一切都是通过数据属性完成的。

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
  simple collapsible
</button>

<div id="demo" class="collapse in"> collapse </div>​

这是一个演示：http: //jsfiddle.net/3UubF/

Answer 2

你的意思是显示和隐藏？如果是这样，我只会使用 jQuery。它是 Bootstrap 的首选 js 框架。我会做这样的事情...

<a class="btn" id="togglemydiv">My Button</a>

$('#togglemydiv').on('click', function()   { $('#targetdiv').toggleClass('hide'); });