cssmenumaker / jQuery-Plugin-Responsive-Drop-Down

#MenuMaker - Responsive Navigation Plugin

A small jQuery plugin which allows you to create various types of menus for mobile devices. You can create a menu which can be toggled with a tap on mobile devices, a menu where each submenu can be toggled or a select list menu.

##Usage

The plugin is very easy to use. First, create the markup (an unordered list of links contained by a div)

<div id="cssmenu">
  <ul>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
    <li><a href="">Item</a></li>
  </ul>
</div>

Of course, you can create submenus by nesting lists. Next, include the CSS file:

<link rel="stylesheet" type="text/css" href="css/menumaker.css">

Link the jQuery script:

<script type="text/javascript" src="js/menumaker.js"></script>

And finally, initialize the plugin:

<script type="text/javascript">
	$("#cssmenu").menumaker();
</script>

##Options

$("#cssmenu").menumaker({
	title: "Menu",              // The text of the button which toggles the menu
	breakpoint: 768,			// The breakpoint for switching to the mobile view
	format: "multitoggle"       // It takes three values: dropdown for a simple toggle menu, select for select list menu, multitoggle for a menu where each submenu can be toggled separately
});