JSFiddle - React, Tailwind, and code Playground

by Koubenec

HTML

Top<div class='div'>Content
</br>
it's really amazing</div>Bottom

CSS

div.div {
   height: 20px;
    width: 280px;
    background-color: #EDE88E;
    border: 0px solid black;
    overflow: hidden;
}

JavaScript

$('.div').hover(function() {
    $(this).animate({
        height: '280px'
    }, 300);
},function() {
    $(this).animate({
        height: '20px'
    }, 300);
});