Create the flip front and back elements and them wrap them in a container with class of 'flip'. If the elements have been slid down, slideToggle() will slide them up. The “JustFlipIt” is an ultra lightweight jQuery plugin that flip any HTML element. Moreover, the plugin allow you to create backside of the card dynamically. $(document).ready(function () { $('.flipWrapper').click(function () { $(this).find('.card').toggleClass('flipped'); return false; }); }); Thanks for Reading! It also works with Bootstrap 4 to flip card on click event. Click to flip panel. You can copy and paste this into a blank HTML file to try it out for yourself. Using manual means that you have to activate it via javascript. jQuery Lint (13 June '11) jQuery Mobile 1.1.1 jQuery UI 1.8.18 Framework