Animation chain using jQuery

deffered.js

// `then` isn't chainable, so we use `pipe`, which also accepts a 2nd callback for failure filters
// http://api.jquery.com/deferred.pipe/

$.Deferred(function(dfr) {
  dfr
    .pipe(function() { $('.first').fadeIn() })
    .pipe(function() { $('.second').fadeIn() })
    .pipe(function() { $('.third').fadeIn() })
}).resolve()

old.js

// Then function inside the function inside the function inside the...

$(".first").fadeIn(function() {
  $(".second").fadeIn(function() {
    $(".third").fadeIn()
  })
})

pretty-ponies.js

// IMHO, we should get rid of anon functions and use the jQuery effect functions as top level objects.

$.pipe($('.first').fadeIn, $('.second').fadeIn, $('.third').fadeIn);