A jQuery plugin to easily create a sliding menu, working on a Bootstrap based application.
There are two menu in the page. Left menu call its action when start to move, right menu will call function when movements end.
$(document).ready(function () {
$('#test').BootSideMenu({
side: "left",
closeOnClick: false
});
});
There are some interesting events you can use with your menu
$(document).ready(function () {
//left menu
$('#test-left').BootSideMenu({
side: "left",
onBeforeOpen: function () {
alert('Menu will open soon');
},
onBeforeClose: function () {
alert('Menu will close soon');
}
});
//right menu
$('#test-right').BootSideMenu({
side: "right",
pushBody: false,
onOpen: function () {
alert('Menu is opened');
},
onClose: function () {
alert('Menu is closed');
}
});
});
There is another event. Watch it in the next example.