JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<button id="stop">Stop sliding</button>
<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>

CSS

#panel, #flip {
    padding:5px;
    text-align:center;
    background-color:#e5eecc;
    border:solid 1px #c3c3c3;
}
#panel {
    padding:50px;
    display:none;
}

JavaScript

// jquery stop method

$("#flip").click(function () {
    $("#panel").slideDown(2000);
});
$("#stop").click(function () {
    $("#panel").stop();
});