jQueryプラグインVertical Mega Menuを使って、項目数が大量のサブメニュー表示。

左側のナビゲーションメニューにオンマウスすると、その右側に項目数が大量のサブメニューを表示します。祖先要素にclass="demo-container"、親要素にclass="mega-menu"を指定し、リスト要素を3階層の入れ子にすることで、サブメニューを孫階層まで自動で表示してくれます。また、ナビゲーションメニューの祖先要素にclass="right"を追加することで、ナビゲーションメニューを右側に表示、サブメニューをその左側にすることができます。

右側に3階層下までのサブメニュー表示

右側に3階層下までのサブメニューをスローなスライドで表示