I was trying to use this slide out panel with Bootstrap, which give you the option to slide out from the right .html . but it doesnt seem patible. can someone remend which slide out panel I can use that is patible with bootstrap?

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./examples/tabSlideOut.html . but it doesnt seem patible. can someone remend which slide out panel I can use that is patible with bootstrap?

• javascript
• twitter-bootstrap

1 Answer 1

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/9Le8X/2/