HTML+CSSで作るアコーディオンメニューの作成例:チェックボックス使用版2(アニメーション効果あり)
上記の点線枠内の項目をクリックすると、クリックした項目が展開されます。一度展開した項目は、再度クリックするまで閉じられません。(何項目でも同時に開けます。) この動作はCSSだけで実現しており、スクリプトは使っていません。
解説記事へ戻る