go back

To see this script in action please visit the demo page (and mouse over the main menu).

Basic usage

HTML sample

<ul id="nav">
	<li><a href="#">Navigation item</a>
		<ul>
			<li><a href="#">Sub-navigation item</a></li>
			<li><a href="#">Sub-navigation item</a></li>
			<li><a href="#">Sub-navigation item</a></li>
		</ul>
	</li>
	<li><a href="#">Navigation item</a></li>
	<li><a href="#">Navigation item</a></li>
</ul>

JavaScript setup

$.easy.navigation();

To apply this function to list item with id other than nav use syntax like this:

$.easy.navigation('#menu li');