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() { 
    $(".click").on('click', function(){

   if (!$(this).hasClass("expanded")){
      $(".animate").animate({height: '50px',},"slow");
      $(this).addClass("expanded");
   }
   else {
      $(".animate").animate({height: '100px',},"slow");
      $(this).removeClass("expanded");
   }

});
});