JSFiddle - React, Tailwind, and code Playground

HTML

<button>Effetc1</button>
<button>Effetc2</button>
<div> Click in first button to change</div>

CSS

div{background:red;color:white;text-align:center;

JavaScript

$(document).ready(function(){
	$('button:eq(0)').click(function(){
        $('div').html('click in second button during animation');
    	$('div').animate({width:300},5000,function(){
            $('div').animate({lineHeight:100},5000);
        });
        return false;
    });
    $('button:eq(1)').click(function(){
    	alert('Shit, stoped animation... Wait to finish idiot jquery');
    });
});