Código: [Seleccionar]

<script type="text/javascript">
$(document).ready(function (){
//Aqui asignamos el click al elemento <a>
$("a").click(function (){
$("div").animate({width:200, height:200}, "slow");
$("div").animate({top:60, left:100}, "slow");
$("div").animate({width:300, height:300}, "slow");
$("div").animate({top:20, left:50}, "slow");
$("div").animate({width:100, height:100}, "slow");
$("div").animate({top:0, left:0}, "slow");
$("div").animate({width:400, height:400}, "slow");
});
});
</script>

Prueba algo como eso y me dices si es algo asi

Creo que debería usarse el callback de animate() porque si no pasaría todo a la vez...

No tienes que usar obligatoriamente animate, pero es muy sencillo si lo usas.
La sintaxis es animate(opciones, velocidad, easing, callback)
opciones es un objeto (los objetos se hacen {algo:'pepe',algo2:'juan'}) que se va a ejecutar, por ejemplo, para subir un div 50px, podriamos usar {'top':'-=50px'} y restaria 50px al top (poco a poco) para subirlo
La velocidad es el tiempo que tarda en hacerlo, puedes usar slow, fast o normal o definir el tiempo en milisegundos.

Easing es un efecto, puede dejarse como null (o no ponerlo) para ignorarlo

El callback, es una funcion que se ejecuta al acabar la animacion, así cuando una acabe se ejecuta inmediatamente otra, por ejemplo:
$('div#midiv').animate({top:'-=50px'}, 500, null, function() { $('div#midiv').animate({left:'+=50px'}, 500); } );
Esto movería el div 50 pixeles arriba y LUEGO 50 a la derecha
Para hacerlo al mismo tiempo usarías sencillamente
$('div#midiv').animate({top:'-=50px','left:'+=50px'}, 500);

Depende que quieras hacer, de todas maneras si no te quedó claro puedes ver la documentacion de animate http://api.jquery.com/animate/

A ver, tu quieres que al hacer click al botón, cada X tiempo se haga un animate, ¿no?
Si es así, podrias hacer:

Código: [Seleccionar]

$('#accion').click(function() {
setInterval('subir()', X); // donde X son los milisegundos
});
function subir() {
// animate
}

Si lo que quieres es que suba de a poco, tal y como está está correcto

Si no es ninguna, explicate mejor :S

PD: A la hora de usar selectores de clase (.algo) utiliza la etiqueta que lleva la clase, es mucho mas rapido, por ejemplo $('div.mensaje'), y a ser posible, por ID

# indica una id...
$('#accion') = document.getElementById('accion');
pero si usas document.get... no funcionará con jQuery