Bootstrapでアコーディオン表示を作る

Bootstrapで下の画像のようにリンクをクリックするとコンテンツ部分が開いて表示されるアコーディオンの設定方法。

aタグに「data-toggle=collapse」を設定。
href属性に表示するコンテンツのIDを設定。
クリックすると表示するコンテンツのdiv.classにcollapseを設定。
これでアコーディオンの動きをします。

<a data-toggle="collapse" href="#collapseOne">オプション</a>
<div id="collapseOne" class="collapse">
コンテンツ
</div>

ヘッダー要素を追加した例（panel-heading、accodion-heading）

<div class="accordion-heading">
  <a data-toggle="collapse" href="#collapseOne">オプション</a>
</div>
<div id="collapseOne" class="collapse">
  コンテンツ
</div>