Dos animaciones simultáneas - Cuando saber que han terminado

[el_javi]

Hola a todos.

tengo un problema.
tengo un listado de elementos, y al pulsar un boton en cada fila subo para arriba el elemento y bajo el anterior (o bajo para abajo el elemento y subo el siguiente)

Es un sistema de ordenación simple.


El problema es que al FINALIZAR LOS DOS MOVIMIENTOS necesito reordenar el DOM por cuestiones de otro tema/problema.

¿Cómo puedo saber que han finalizado las DOS animaciones?

Aquí mi ejemplo: http://jsfiddle.net/L8qebbo5/3/


Había pensado poner un controlador (con setInterval) que cada SEGUNDO esté revisando una ariable de finalización y una vez detectada que dicha variable es true estarían los eventos.

Pero no se si hay alguna manera más correcta de hacerlo o alguna forma natural de jQuery.

Gracias de antemano.


Javier

[el_javi]

buscando un poco he encontrado esta lógica

Código:

var buttons = $(".buttons");
var numbuttons = buttons.length;
var i = 0; 
buttons.fadeIn('fast', function() {
     i++;     if(i == numbuttons) {
         //do your callback stuff
     }
});

voy a ponerla en práctica, porque e slo má sensato, sin timeouts ni nada que sobrecargue la ejecución.

[el_javi]

Vale, resuelto!!!!

en el JS de ejemplo esta corregido y funcionando con la lógica que he puesto antes

Gracias!! :)