Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Which slide out panel is compatible with bootstrap 3?

I was trying to use this slide out panel with Bootstrap, which give you the option to slide out from the right http://www.building58.com/examples/tabSlideOut.html . but it doesnt seem compatible. can someone recommend which slide out panel I can use that is compatible with bootstrap?

like image 481
user244394 Avatar asked Dec 09 '22 09:12

user244394


1 Answers

A bit of CSS and jQuery are enough to rebuild this function. Take a look at my jsfiddle.

jQuery Snippet

    $('#opener').on('click', function() {       
    var panel = $('#slide-panel');
    if (panel.hasClass("visible")) {
        panel.removeClass('visible').animate({'margin-left':'-300px'});
    } else {
        panel.addClass('visible').animate({'margin-left':'0px'});
    }   
    return false;   
});

Full Example: http://jsfiddle.net/9Le8X/2/

like image 77
sevenX Avatar answered Dec 22 '22 13:12

sevenX