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");
    }
   else {
      $(".animate").animate({height: '100px',},"slow");
      }
   
   $(this).toggleClass("expanded");

});
});