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.
If you appreciate my work, and you are kind to offer a coffee, I will be very satisfied.