JSFiddle - React, Tailwind, and code Playground

by garmashnikolay

HTML

<div id="animate-me"></div>
<button>Animate</button>

CSS

#animate-me{
    background: #000;
    width: 100px;
    height: 50px;
    transition: height 2s linear;
}
#animate-me.animate{
    height: 100px;    
}

JavaScript

$(document).ready(function(){
    $("button").on("click", function(){
         console.log("some");
         $("#animate-me").addClass("animate");
        
    });
});