BootSideMenu

A jQuery plugin to easily create a sliding menu, working on a Bootstrap based application.

Thanks

How to

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.

A courtesy coffee?

If you appreciate my work, and you are kind to offer a coffee, I will be very satisfied.

Donate

Esempio
Andrea Lombardo
Item 1 Item 2 Item 3 Item 4
Esempio
Andrea Lombardo
Item 1 Item 2 Item 3 Item 4