JSFiddle - React, Tailwind, and code Playground

by Corey Frang

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css">
<button id="btn1">1</button>
<div id="container"><div id="element">123<br>321</div></div>

JavaScript

$(function() {
    $('#btn1').click(function(event) {
        $('#element').effect('blind', {
            duration: 3000,
            mode: 'show',
            complete: function() {
                console.log('Blind completed');
            }
        }).effect('highlight', {
            duration: 3000,
            complete: function() {
                console.log('Highlight completed');
            }
        });

        setTimeout(function() {
            console.log('timeout fired');
            $('#container *:animated').stop(true, true);
            console.log('effects stopped');
            $('#container').html('');
            console.log('html changed');
        }, 1500);
    });
});