垂直タイプのアコーディオンメニューを実現するjQueryプラグイン「VerticalAccordionMenu」
Demo
ボタンをクリックすることでメニューが開くバージョン
- Close Open Sub-menus: On
- Save State: On
- Auto Expand: On
- Disable Parent links: On
- Speed: slow
- Count: on
- Close Open Sub-menus: Off
- Save State: On
- Disable Parent links: On
- Speed: fast
- Count: on
- Close Open Sub-menus: Off
- Save State: Off
- Disable Parent links: Off
- Speed: slow
- Count: off
ボタンにマウスを乗せることでメニューが開くバージョン
- Close Open Sub-menus: On
- Auto-Close: Off
- Save State: On
- Disable Parent links: On
- Speed: slow
- Count: on
- Close Open Sub-menus: Off
- Auto-Close: On
- Save State: On
- Disable Parent links: On
- Speed: fast
- Count: on
- Close Open Sub-menus: Off
- Auto-Close: On
- Save State: Off
- Disable Parent links: Off
- Speed: slow
- Count: Off
Comment
VerticalAccordionMenuは、垂直タイプのアコーディオンメニューです。
ページの都合上、デモのメニューボタンのリンク色が赤で不格好になっていますが、ボタン背景に合わせて調整すれば綺麗なアコーディオンメニューを表現できます。
Download
Vertical Accordion Menu
http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/getting-started/