JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cuadro">
    <span id="texto"></span>
</div>

<input type="button" id="click" value="clickme"/>

CSS

#cuadro {border:1px solid red;width:200px;height:30px;}

JavaScript

$(':input').click(function(){	          
    $('#cuadro').animate({'height':'100px'},1000,'linear',function(){
        $('#texto').fadeOut(500,function(){
        $(this).text('hola.').fadeIn(500);
           $( ":input").unbind( "click" );
        });
	});
});