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'); });