HTML+CSSで作るアコーディオンメニューの作成例:チェックボックス版2

HTML+CSSで作るアコーディオンメニューの作成例:チェックボックス使用版2(アニメーション効果あり)

上記の点線枠内の項目をクリックすると、クリックした項目が展開されます。一度展開した項目は、再度クリックするまで閉じられません。(何項目でも同時に開けます。)
この動作はCSSだけで実現しており、スクリプトは使っていません。


解説記事へ戻る