navNslide

is a jQuery snippet used to enabling slide-out navigation with ease. Whether you want a vertical or horizonal slide-out functionality, navNslide.js will handle it for you.

Requirements

navNslide.js requires jQuery(1.7.1+).

Examples

Default slide

☰ Menu

		<nav class="slider">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Donate</a></li>
			</ul>
		</nav>

Top slider

☰ Menu

		<nav class="slider">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Donate</a></li>
			</ul>
		</nav>

Bottom slider

☰ Menu

		<nav class="slider">
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Donate</a></li>
			</ul>
		</nav>