ブログ

フリーランスとして働くWebデザイナーの備忘録・メモ

CSSだけで作るアコーディオンメニュー

誰が手がけたのがわからないようなすでにあるサイトの更新時に
「アコーディオンで開くコンテンツ追加してほしい」と言われjsは追加したくないけど実現させる、CSSだけでアコーディオンメニューが作れるコードです。

尚、以下コードはスマホの時にだけアコーディオンメニュー。
PC表示の際にはアコーディオンメニューなしのそのまま表示にしております。

ふわっと開いて、ふわっと閉じます。