twitter-bootstrap - Twitter Bootstrap - div の開閉

Question

Twitter Bootstrap フレームワークは初めてです。ボタンから div を開いたり閉じたりしたいと思います。どうやってするか？

ありがとうウリ

Answer 1

これは、ブートストラップのドキュメントで明示的にカバーされています。

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