[dropcap]Side navigation is a sleek jquery animated menu that is both intuitive and flexible. It’s a nice way to extend your site’s navigation by providing users with extra menus on the sidebars. You can use the side navigation on any sidebar – left or right[/dropcap]

The on-click event is the default jquery effect. All you need to do is add your vertical menu using the following HTML Syntax for it to work. To get the current menu to show in expanded mode, use the active class on the ul level: <ul class="active">

[toggle state=”open code” title=”View Code”]<ul class=”vmenu”>
<li><a href=”#” class=”active”>Menu 1</a>
<ul class=”active”>
<li><a href=”#”>Sub menu</a></li>
<li><a href=”#”>Sub menu</a></li>
<li><a href=”#”>Sub menu</a></li>
</ul>
</li>
<li><a href=”#”>Menu 3</a></li>
</ul>

[/toggle]