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

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

メニュー項目A

～ Aに対応するコンテンツを表示～

メニュー項目B

～ Bに対応するコンテンツを表示～

メニュー項目C

～ Cに対応するコンテンツを表示～

メニュー項目D

～ Dに対応するコンテンツを表示～

メニュー項目E

～ Eに対応するコンテンツを表示～

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