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

Yet another mobile-style navigation drawer plugin for easily implement an off screen sliding menu into your website.

mobile-menu slide-menu Responsive Navigation

Documentation

jQuery Drawer

jQuery Drawer is a plugin that helps you build off screen menus. This example shows the very basics.

Options

$('.toggle').drawer({ 	menu: '#menu', // Menu element 	push: '.push', // Container element to push 	side: 'left', 	speed: 400, 	class: 'open', // CSS class to apply to the menu element when it is open  	// Callback API 	open: function(settings) {}, 	close: function(settings) {} });

Callback API

The settings object is passed down to the open/close callback functions. Note: We attach the width of the menu to the settings object to move other elements that may not be inside the container element, for example:

$('.toggle').drawer({ 	open: function(settings) { 		$('.your-element').css('left', settings.width); 	}, 	close: function(settings) { 		$('.your-element').css('left', 0); 	} });

You May Also Like