Slight SubmenuというjQueryプラグインを使えば、ネスト(入れ子)されたメニューリストを展開したり折りたたんだりすることができます。ネストされた項目にはボタンが追加され、ホバーやクリックで展開&折りたたみが機能します。
[ads_center]
Slight Submenuの使い方
こんな感じで、ネストされた項目を展開したり折りたたんだりすることができます。
$('selector').slightSubmenu(options);
デフォルトではボタンにホバーするとアニメーションしながら展開していきます。折りたたむ時はボタンをクリックしてたたみます。
セッティング次第でクリック時のみ展開させることもできます。
オプションも色々と用意されているので、気になる方は是非チェックしてみて下さい。