Cola de efectos en jQuery

[RabidFish]

¡Gracias por sus respuestas! Pero acabo de probar el código de ryugen y no pasa nada, sólo se alarga el <div> azul. Si coloco $('#rojo').stop().animate({width:'300px'}, {duration:1000}); fuera del callback de #azul, sí se anima (pero al mismo tiempo que #azul, como en el ejemplo que di primero).

EDITADO: Parece que ahora sí funciona como esperaba, sólo tenía que agregar la palabra "complete:" antes de la función. ¡Muchas gracias a ambos!