JSFiddle - React, Tailwind, and code Playground

by ussuy

HTML

<input type='button' value='Show' id="showPanel" />
<input type='button' value='Hide' id="hidePanel" />

<div id="panel"></div>

CSS

#panel{
    display:block;
    width:300px;
    height:200px;
    background:#cfcfcf;
}

JavaScript

$(document).ready(function(){
    
    $("#showPanel").click(function(){
        $("#panel").slideDown();
    });
    
    $("#hidePanel").click(function(){
        $("#panel").slideUp();
    });
});