25egg

こちらのブログは2023年内に閉鎖予定です。
新ドメイン:https://grinee.net/
お気に入りやブックマークに登録されている方は変更をお願いいたします。

クリックで開閉するシンプルなアコーディオンメニュー

CSSjQuery

クリックで開閉するシンプルなアコーディオンメニューのサンプルになります。
jQueryとCSSオンリーの2パターンになります。

jQuery

JSの記述の前にjQueryの読み込みが必要です。

See the Pen accordion-nav by 25egg (@25egg) on CodePen.

CSS

See the Pen accordion-nav-css by 25egg (@25egg) on CodePen.