#SimpleNav 4.0

###Options

These are the options and the default values you can use with SimpleNav:

fx – (‘slide’,’fade’,’none’) – This option sets the effect to use on the drop down. Default value is ‘slide’.

speed – (value) – This is the speed of the transition used for the drop down in ms. Default value is 500.

full – (true,false) – This tells simpleNav if you want the nav to span the full width of the parent or not. Default value is true

edge2edge - (true,false) - If set to true the menu will span edge to edge of the parent. full must also be set to true. Default value is false

###Usage

Include the js and css file:

<script type="text/javascript" src="simplenav3.js"></script>

Code the Menu in an unordered list:

<nav>
	<ul>
	  <li><a href="index.php">Home</a></li>
	  <li><a href="#">About Us</a></li>
	  <li><a href="#">Store</a></li>
	</ul>
</nav>

Put this in the head section of the site:

<script>
	/* Simplenavav */
	$(document).ready(function() {
		$('nav>ul').simpleNav({
			full: true,
			fx: 'slide',
			speed: 500,
			edge2edge: true
		});
	});	
</script>