JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<script src="http://lab.smashup.it/lab/flip/js/jquery.flip.min.js"></script>
<div id="flipo">some text</div>
<div id="id1">left</div>

CSS

#flipo {
    width:100px;
    height:70px;
    background-color:lightblue;
    margin:20px;
}

JavaScript

$("#id1").bind("click", function () {
    $("#flipo").flip({
        direction: "bt"
    })
    return false;
});