jQuery: deferred objects and sequential animations

With deferred objects and the powerful pipe() method we can chain animations and run them sequentially and serially. jQuery allows us to do so through the Deferred object's syntax. Let's see the details. Code structure for sequential animations with deferred objects Here's the code structure: $.Deferred(function(dfr) { dfr.pipe(function() { return animation1; }). pipe(function() { return animation