MetisMenu - Easy menu jQuery plugin for Twitter Bootstrap 3

metisMenu is a easy menu jQuery plugin for Twitter Bootstrap 3 that help you create a collapsible menu with animated accordion effects and auto collapse support.

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="jquery.metisMenu.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="jquery.metisMenu.js"></script>

2. HTML

<ul id="menu2">
	<li class="active">
		<a href="#">Menu 0 <span class="glyphicon arrow"></span></a>
		<ul>
			<li><a href="#">item 0.1</a></li>
			<li><a href="#">item 0.2</a></li>
			<li><a href="http://onokumus.com">onokumus</a></li>
			<li><a href="#">item 0.4</a></li>
		</ul>
	</li>
	<li>
		<a href="#">Menu 1 <span class="fa arrow"></span></a>
		<ul>
			<li><a href="#">item 1.1</a></li>
			<li><a href="#">item 1.2</a></li>
			<li>
				<a href="#">Menu 1.3 <span class="glyphicon arrow"></span></a>
				<ul>
					<li><a href="#">item 1.3.1</a></li>
					<li><a href="#">item 1.3.2</a></li>
					<li><a href="#">item 1.3.3</a></li>
					<li><a href="#">item 1.3.4</a></li>
				</ul>
			</li>
			<li><a href="#">item 1.4</a></li>
			<li>
				<a href="#">Menu 1.5 <span class="fa arrow"></span></a>
				<ul>
					<li><a href="#">item 1.5.1</a></li>
					<li><a href="#">item 1.5.2</a></li>
					<li><a href="#">item 1.5.3</a></li>
					<li><a href="#">item 1.5.4</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		<a href="#">Menu 2</a>
		<ul>
			<li><a href="#">item 2.1</a></li>
			<li><a href="#">item 2.2</a></li>
			<li><a href="#">item 2.3</a></li>
			<li><a href="#">item 2.4</a></li>
		</ul>
	</li>
</ul>

3. JAVASCRIPT

$(function () {
	$('#menu2').metisMenu({
		toggle: false
	});
});