A jQuery plugin that provides simple responsive menu capabilities.
Create a simple responsive menu:
// Create menu.
var $elem = $('.menu');
var $menu = $elem.responsiveMenu({
breakpoint: function (viewport) {
return viewport < 1023;
}
});
Create a simple responsive menu with an inner toggle:
// Create menu.
var $elem = $('.menu');
var $menu = $elem.responsiveMenu({
breakpoint: function (viewport) {
return viewport < 1023;
}
});
// Create 'close' inner toggle.
var $toggle = $('<a/>')
.text('Toggle')
.click(function () {
$menu.responsiveMenuService('toggle');
});
// Append toggle to menu.
$elem.append($toggle);