JSFiddle - React, Tailwind, and code Playground

HTML

<div class="animate"><a href="#" class="click">Click</a></div>

CSS

.animate {
    width: 300px;
    height: 100px;
    background-color: #aaa;
}

JavaScript

$(function() { 
    $(document).on('click','.click:not(.expanded)', function(){
        alert('expanding');
            $(".animate").animate({height: '50px',},"slow");
            $(this).addClass("expanded");
    });

    $(document).on('click',".click.expanded", function(){
        alert('unexpanding');
        $(".animate").animate({height: '100px',},"slow");
        $(this).removeClass("expanded");
    });
});