JSFiddle - React, Tailwind, and code Playground

by creativecouple

HTML

<script src="http://creativecouple.github.com/jquery-timing/jquery-timing.min.js"></script>
<p>The animation queue of the element waiting for never gets empty:</p>
<div>Fade in, and out, forever.</div>

CSS

div {
    background: #fed;
    padding: 1em;
    float: left;
}

JavaScript

// start infinite animations
// assure that the effects queue never gets empty
$('div').repeat().fadeOut('slow').fadeIn('slow').join();

// do some action after .wait() - it will never happen:
$('div').text(".wait() didn't fire").wait().text('.wait() fired!!');