JSFiddle - React, Tailwind, and code Playground

by creativecouple

HTML

<p>Test with default queue 'fx'</p>
<hr/>
<p>Test with non-default queue 'foo'</p>

CSS

p {
    background: #eef;
}

JavaScript

$('p:first').delay(10, 'fx').promise('fx').done(function() {
    $(this).text('see this only after 100 seconds - "fx" case');
});
$('p:first').delay(100000, 'fx');


$('p:last').delay(10, 'foo').promise('foo').done(function() {
    $(this).text('see this only after 100 seconds - "foo" case');
});
$('p:last').delay(100000, 'foo');

// we have to start non-default queues by using .dequeue(queue)
$('p:last').dequeue('foo');