jQuery Naver Examples

Basic

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

$("nav").naver();

<nav>
	<a href="#">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).