mmenu

A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript:

$("#nav").mmenu();

Check out the example on the left,
pretty slick right?!

Check out this example, pretty slick right?

Features

Usage

As mentioned, creating the menu is really easy. First include jQuery and the jQuery.mmenu-plugin files in your webpage.
Check out the usage page to learn what files to include.

Second, setup your menu like you normally would, create an UL with nested UL's inside a NAV.
Follow this tutorial to learn how to setup the HTML.


Now all you need to do, is fire the plugin onDocumentReady:

$("#nav").mmenu({
   // options go here...
});

Options? What options?

Options

The jQuery.mmenu-plugin provides a few options for customizing your menu. The default option values can be overridden by passing new values to the method.

$("#nav").mmenu({
   searchfield : true,
   counters    : true
});

Check out the options page to learn more about the options,
or the events pages to learn more about the custom events.


Customize

Check out the customize page to learn how to create custom CSS using SCSS.

Contact

Please visit my website for some of my other projects.
If you're not trying to hack my bank-account, you may also send me an e-mail (requests for help will not be answered, unless you've asked the question on stackoverflow.com and included a link to it in your email ).

For info about the history of the plugin, check the changelog.

The jQuery.mmenu-plugin was built using the jQuery-library,
it is dual licensed under the MIT and GPL licenses.

© frebsite.nl

Examples

Here are some really cool, extensive examples for your inspiration.


Responsive single page scrolling mobile sidebar menu example Awesome tooltip and popup alternative for mobile devices Extremely cool sliding panel page with a panorama background Customized transition effects for your mobile sidebar menu
Fork me on GitHub