Naver Demo

A jQuery plugin for responsive navigation. Learn More.

Basic

Naver will automatically turn a basic navigation system into a mobile friendly system:

$("nav").naver();
<nav>
	<a href="http://hueyproductions.com/">Home</a>
	<a href="#">About</a>
	<a href="#">Contact</a>
</nav>
Demo

Animated

The navigation states can be also be animated. Note: This uses CSS transition which can be slow on some mobile devices.

$("nav").naver({
	animated: true
});
Demo

Breakpoints

The breakpoint when Naver enables and disables itself can also be customized:

$("nav").naver({
	maxWidth: "740px"
});
Demo

IE Support

When supporting IE you will need to include a HTML5 enabler and matchMedia polyfill (IE 8, IE 9).