Question

51

Which slide out panel is compatible with bootstrap 3?

rated 0 times [ 58] [ 7] / answers: 1 / hits: 21375 / 10 Years ago, tue, march 11, 2014, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 js error : 'createObjectURL' on 'URL': Overload resolution failed.

Sat, Mar 26, 22, 00:00, 2 Years ago

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

View All

answered 10 Years ago ryankiah · Accepted Answer

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/