JSFiddle - React, Tailwind, and code Playground

HTML

<div id="base">
    <span id="mais">Veja Mais >></span>
</div>

CSS

#base{
    height:500px;
    width:200px;
    border:1px solid;
    position:relative;
}

#mais{
    position:absolute;
    right:0px;
    bottom:0px;
    border:1px solid;
}

JavaScript

$('#mais').toggle(
  function(){
      $('#base').animate({height:700+'px'});
      $(this).html('Veja Menos');
      },
  function(){
      $('#base').animate({height:500+'px'});
      $(this).html('Veja Mais');
   });