技術系備忘録​/Bootstrap​/アコーディオン

Webで折り畳み表示です。一般的にはアコーディオンって言うらしいです。

Bootstrap では collapse って名称ですが、collapse ってどんな意味だろうって調べたら、「潰れる」とか「崩壊する」とか出てきて、なるほどと思いました。

• 折り畳み対象の項目のうち、開いているのは最大１つ。別の項目を開くと、他の項目は閉じる。という挙動のもの。
  サンプルページ

• 折り畳み対象の項目が、それぞれ独立して開閉状態を持つもの。
  サンプルページ

どちらも cookie を使って、リロードしても開閉状態を保持するようにしています。
実際のコードはサンプルページを開いてソースをご覧ください。