Responsive, toggle sidebar menu in jQuery

Responsive, toggle sidebar menu in jQuery, ready to put into our projects.

Toggle sidebar menu as jQuery plugin

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.

CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And also, 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 (configurable).

Finally, the menus are dismissed when the user clicks anywhere on the page that’s outside the menus, or when clicking on a link inside the menu.

Responsive, toggle sidebar menu in jQuery
Responsive, toggle sidebar menu in jQuery

Init toggle sidebar menu

jQuery(function() {
    menu1 = new sidetogglemenu({  // initialize first menu example
        id: 'togglemenu1',
        marginoffset: 10
    });

...

});

GitHub:

https://github.com/dynamicdriverepo/sidetogglemenu

Demo and details:

http://www.dynamicdrive.com/dynamicindex1/sidetogglemenu.htm

Enjoy!

Share:Share on Facebook1Share on Google+0Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1