🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight jQuery navigation plugin for creating a responsive, mobile-friendly and multi-level dropdown menu with ease.

Drop-Down-Menu

Documentation

#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 });

You May Also Like