- Overview
- Documents
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
Jun 10, 2014 in Menu & Accordion 21892 views
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 }); });
Tagged with:
metismenu
easy menu
jquery plugin
twitter bootstrap
collapsible menu
accordion effects
auto collapse
accordion
menu
Related Articles