jQuery備忘録

多階層で展開するアコーディオン

<dl>,<dt>,<dd>を使用した方がいいことを把握。

アコーディオンメニューの中にアコーディオンメニューを作成するやり方が苦手なので、メモ

<dl>
 <dt></dt>・・・・メニュー1
 <dd>
  <dl>
   <dt></dt>・・・メニュー1-1
   <dd></dd>・・・メニュー1-2
　　　 ・
　　　 ・
　　　 ・
  </dl>
 </dd>

 <dt></dt>・・・・メニュー2
 <dd>
  <dl>
   <dt></dt>・・・メニュー2-1
   <dd></dd>・・・メニュー2-2
　　　 ・
　　　 ・
　　　 ・
  </dl>
 </dd>
</dl>

【jQuery】アコーディオンメニューの作り方解説（複数パターン紹介） - 株式会社PENGIN

今回はアコーディオンメニューの作り方をまとめています。 汎用的なUIですが、jQueryの使い方を理解できてない方だと難しく感じてる方もいるかもしれません。

pengi-n.co.jp