JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <a href="#">TESTTESTTEST</a>
</div>

CSS

#test{
    background-color:red;
}

JavaScript

$("#test").hover(function() {
    $(this).css({'z-index' : '10'});
    $(this).addClass("hover").stop()
        .animate({
            height: '60px'
        }, 1500);

    } , function() {
    $(this).css({'z-index' : '0'});
    $(this).removeClass("hover").stop().delay(7) 
        .animate({
            height: '20px'
        }, 1500);
});