JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <button>Click Me</button>
</div>

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>

<p></p>

CSS

.one, .two, .three {
    height: 50px;
    width: 50px;
    margin-top: 10px;
    background-color: green;
}

JavaScript

$('button').click(function() {
    $.when( $('.one').animate({'margin-left': '40px'}, 500),
            $('.two').animate({'margin-left': '80px'}, 900),
            $('.three').animate({'margin-left': '120px'}, 350)  
    ).then(function(){
        $('p').append('You are awesome!');
    });
});