JSFiddle - React, Tailwind, and code Playground

by walker

HTML

<div id="a"></div>

CSS

#a{width:50px; height:20px;position:absolute; left:0;top:0; background:red; opacity:1;}

JavaScript

var m=$("#a");
$.Deferred(function(d){
    d.pipe(function(){return m.animate({left:'+=120'});})
    .pipe(function(){return m.animate({left:"-=120"});})
    .done(function(){alert("done");})
}).resolve();
/*
$.Deferred(function(dfr) {
    dfr.pipe(function() {
        return $('.first').fadeIn();
    }).pipe(function() {
        return $('.second').fadeIn();
    }).pipe(function() {
        return $('.third').fadeIn();
    })
}).resolve();*/

//m.animate({left:'+=120'}).done(function(){alert('done');});