JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrapper">
<div class="block red square"></div>
</div>
CSS
.red {
background-color: red;
}
.square {
height: 200px; width: 200px;
}
.wrapper {
display: inline-block;
padding: 10px;
border: 1px solid black;
}
JavaScript
$('document').on('ready', function(){
alert('foo');
$('.block').animate({'height': 0}, 2000);
});