JSFiddle - React, Tailwind, and code Playground

by NOVUSIDEA

HTML

<a id="start" href="#Start">Start</a>
<div></div>

CSS

div {
    border: 1px solid #000;
    width: 100px;
    height: 100px;
}

JavaScript

$('#start').on({
    
    click: function(e){
        
        e.preventDefault();
        
        var div = $('div');
        
        div.queue(function(){
            $(this).animate({width: 200}).dequeue();
        });
        
        div.queue(function(){
            $(this).animate({height: 200}).dequeue();
        });
        
    }
    
});