Animation Chain

A jQuery plugin to chain CSS3 transitions together.

Example

var c1 = $("#div-two").animationChain()
            .addClass("color1")
            .addClass("color2")
            .addClass("color3")
            .addClass("color4");
            
var c2 = $("#div-one").animationChain()
            .addClass("color1")
            .addClass("color2")
            .addClass("color3")
            .addClass("color4");
            
//Start the chains with a 1 second delay between them.            
$.animationChain()
  .execute(function () { c1.start(); })
  .delay(1000)
  .execute(function () { c2.start(); })
  .start();