jQuery Hamburger Icon Menu combines the two popular trends of a full screen menu and using an "hamburger" style icon to toggle it to create a lightweight, elegant mobile friendly site menu.
A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.
Reponsive multi level menu navigation that has been optimized for mobile devices using HTML5, CSS3 and jQuery.
Power List Menu is a mobile centric, mult-level menu that magically transforms a nested UL into a series of slide-in panels that occupy no more space than the top level UL itself.
It's ideal on mobile devices where the playground for drop down or flyout menus is limited. The menu supports lazy loading via Ajax of either a child or parent menu, so a portion of the menu can be downloaded only when requested.
Slideout.js is a touch slideout navigation menu for your mobile web apps.
Features
A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery.
The multi-toggle responsive navigation on smaller screens is similar to nested accordions, the user touches primary level parent item to reveal list under it and when the screen is big enough vertical toggle menu changes to horizontal drop down navigation.
jQuery Sliding Menu is a mobile-like, list-style, responsive sliding navigation menu.
Shifter is a jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them.
jQuery ReSmenu is a simple and lightweight jQuery plugin that collapse ul menus into selects on responsive layouts.
SlickNav is a responsive mobile menu plugin for jQuery.
Features
A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.
PaperJS used for the canvas graphics and TweenJS used for the animations.
Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
Features:
Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.
Features
