Drawer Slide Menu

05/11/2012

Drawer Slide Menu | jQuery plugin for responsive menu

Drawer Slide Menu is a jQuery plugin which creates drawer-style navigation on your mobile site similar to what you see in apps such as Facebook, Path, and many others now.It uses the CSS3 animation for the slide out effect.
Check out the menu in action by going to the example link on your phone, or scale the browser down far enough and it will activate.This jquery plugin uses CSS3 animation.

Basic Usage :

$("body").mobile_menu({ menu: 'main-nav' });

This plugin has got the following options :-

• page_id: Sets the ID of the div that will wrap your sites content. Defaults to ‘build-menu-page’.
• menu_width: Width of the mobile menu.
• menu_id: Menu ID. Defaults to ‘mobile-nav’.
• button_content: The html content of your button. Defaults to a text string of ‘MENU’.
• prepend_button_to: By default the button content is prepended to the page wrapper ID. This allows you to prepend the menu button within some other container.

Created by Nick Brewer

Download
GitHub
Example

Drawer Slide Menu

http://jquer.in/wp-content/uploads/2012/11/drawer-slide-menu.png

jQuery plugin