アコーディオン

よくある質問

アコーディオン式の開閉コンテンツはどうやって作るのですか？

Javascript は必要ですか？

開閉動作に transition を使う場合、
開いたコンテンツブロックの高さを、
実際のコンテンツ高さにフィットさせるのが CSS ではできないので、
そのために Javascript が必要。
開閉動作をアニメーションしなくていい場合は、
かなりコードは煩雑になるが CSS だけでも可能。

jQuery は必要ですか？

要らない。

実際の実施例のソースコードを見せてください。

See the Pen アコーディオン式の開閉コンテンツ by oishii_mahou (@oishii_mahou) on CodePen.

See the Pen アコーディオン（１） by oishii_mahou (@oishii_mahou) on CodePen.