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 waiting for is interrupted:</p>
<div>fade out once</div>

CSS

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

JavaScript

// interrupt all animations after 100ms
$('div').wait(100).stop(true);

// do some action after .fadeOut($) - it will never happen:
$('div').text("waiting for .fadeOut($)").fadeOut($).text('.fadeOut($) fired!!');