Nav _Side

A Simple Sidebar menu


1. Include Jquery & Jquery Easing in your website. Add also navside.js & navside.css in your 'head' tag.

				<script type="text/javascript" src=""></script>
				<script src="assets/js/jquery.easing.min.js" type="text/javascript"></script> 
				<script src="assets/js/jquery.navside.js" type="text/javascript"></script>
				<link href="assets/css/navside.css" rel="stylesheet" type="text/css" />

2. Create a menu with the id #navside, and put it just after the 'body' tag.

		   		<nav id="navside">
				          <li><a href="#">Home</a></li>
				          <li><a href="#">Page-1</a></li>
				          <li><a href="#">Page-2</a></li>

3. Call the plugin in your document ready.

		   		$(document).ready(function() {
					            position         : 'left',   // options for Position: 'left' or 'right'. Default is 'right'
					            scroll           : 'fixed'  // options for Scroll: 'hidden' or 'fixed'. Default is 'hidden'

4. Enjoy!