XUI Tween Example

// Using XUI FX - Tween

x$('#add').click(function(){

    // This fails, blue fires before red is finished
    x$('#baz').tween({ background:'red' }).tween({ background:'blue'});

    // This also doesn't work as expected.
    x$('#baz').tween([{ background:'red' },{ background:'blue'}]);
});


x$('#add2').click(function(){

      // This works like a charm :)
       x$('#baz').tween({ background:'black',color:'#fff',after: function(){
	  x$('#baz').tween({ background:'red',duration:1,after:function(){
	    x$('#baz').tween({ background:'blue',duration:.5});
	  }});
	}});
});