JSFiddle - React, Tailwind, and code Playground

by Roberts

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<input type="button" id="b" value="clickme"/>
<form id="f">
    <input type="text"/><br/>
    <input type="text"/><br/>
    <input type="text"/><br/>
    <a href="#f" id="faaa">X</a>
</form>

CSS

#f {
    background: blue;
    padding: 10px;
    display: none;
    width: 160px;
  
}
.block { display: block !important; }
.none {
  display: none !important;
}

JavaScript

$("#b").click(function(){
    $("#f").addClass( "block animated zoomIn" );
})
$("#faaa").click(function(){
    $("#f").addClass( "animated zoomOut" );
})