JSFiddle - React, Tailwind, and code Playground

by acbabis

HTML

<div id="one">Hello</div>
<div id="two">Hello</div>
<div id="three">Hello</div>

CSS

div {
    width: 100px;
    height: 100px;
    float:left;
}

#one, #three {
    background-color: red;
}

#two {
    background-color: blue;
}

JavaScript

$('#one').slideUp(2000);
$('#two').slideUp(1000);
$('#three').slideUp(500);

$('div').promise().then(function(){
    console.log('Slide Down', $(this).queue());
    $(this).slideDown();
});

$('div').promise().then(function() {
    console.log('Done', $(this).queue());
});