JSFiddle - React, Tailwind, and code Playground

HTML

<a id="link">Expand</a>
<div id="content">
</div>

CSS

#content
{
    width: 100px;
    height: 0;
}

JavaScript

$("#link").click(function() {
    $("#content").css('border', "solid 1px Black").animate({
        height: '100%'
    }, 1000, {
        easing: 'swing',
        complete: function() {
            $(this).html('Complete');
        }
    });
});