JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<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 slideToggle effect

$("#flip").click(function () {
    $("#panel").slideToggle("slow");
});