A jQuery plugin to easily create a sliding menu, working on a Bootstrap based application.
The menu will appear on the left.
$(document).ready(function () {
$('#test').BootSideMenu({
side: "left",
closeOnClick: false
});
});
There are some interesting events you can use with your menu
onTogglerClick: function () {
//code to be executed when the toggler arrow was clicked
},
onBeforeOpen: function () {
//code to be executed before menu open
},
onBeforeClose: function () {
//code to be executed before menu close
},
onOpen: function () {
//code to be executed after menu open
},
onClose: function () {
//code to be executed after menu close
},
onStartup: function () {
//code to be executed when the plugin is called
}
See these in action in the next example.