jQueryプラグインを使わずにアコーディオンメニューを作ろう | PLUSTRiCK主にスマホサイトで用いられているアコーディオンメニュー。ゲーム系サイトであればゲーム内メニューの表示に。会員系サイトであれば会員メニューの表示に。EC系サイトであればカテゴリーメニューの表示に…などなど。 表示領域が限られているスマホサイトならではの便利な機能だと思います。今回はプラグインなしのアコーディオンメニュー制作のメモ。 アコーディオンメニューの中でも、特に汎用性の高い2つを備忘録的にメモ。 アコーディオンメニュー(ul、liを使用) ulとliを使用してのアコーディオン。 アコーディオンの開閉と同時に矢印の切り替えを実装。 複数の項目を同時に開くことが可能。同じ部分をクリックすることによって非表示になります。 jQuery $('.accordion_ul ul').hide(); $('.accordion_ul h1').click(function(e){ $(this).
