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.