jQueryで作るアコーディオンのサンプルデモ

jQueryを使って作る、シンプルなアコーディオンのデモです。親要素のメニュー名をクリックすると、関連のある子要素のリストがアニメーションを付けて開閉します。

アコーディオン

ある程度のデザインを加えたアコーディオンです。

• メニュー1

  • 子メニュー 1-1
  • 子メニュー 1-2
  • 子メニュー 1-3
  • 子メニュー 1-4
  • 子メニュー 1-5
  • 子メニュー 1-6
  • 子メニュー 1-7

• メニュー2

  • 子メニュー 2-1
  • 子メニュー 2-2
  • 子メニュー 2-3
  • 子メニュー 2-4
  • 子メニュー 2-5
  • 子メニュー 2-6
  • 子メニュー 2-7

配布元: Syncer