jQuery menu plugin – Sidr

Many third party CSS frameworks have these type of plug -ins embedded inside.If you want something specific to create menus on left and right Sidr can be your choice.

Sidr

Using this plug -in you will be able to create side menu bars on both sides which are responsive.You can modify the sidebars by placing your own content or the content which can be rendered dynamically.

Getting started with Sidr

 

<a id="simple-menu" href="#menu">Menu</a>

<div id="menu">

<ul>
<li class="active"><a href="#" >Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</div>

<script>
$(document).ready(function() {
$('#simple-menu').menu();
});
</script>

Options available

• sidr-left
• sidr-right

Change the id-names in the div tag.

More options available here