Hola, para un juego de cartas necesito que haya unos procesos seguidos de otros y animaciones con diferentes classes. Lo estoy intentando hacer con callback para que ejecute una función despues de la otra sin interferir pero no me funciona.
Se trata de una baraja de cartas una encima de la otra que se mezla, Las funciones estan ien segun el codigo que he empleado en html solo me falta que se ejecuten una despues de la otra
Muchas gracias.
Código:
var FunctionUno= function (pos,callback) {
$(".pos"+pos+" >div").toggleClass("mezclando");
$(".pos"+pos).toggleClass("mezcl");
callback();
};
var FunctionDos = function (pos, aleatorio, callback) {
posini="pos"+pos;
pos--;
aleatorio= Math.round(Math.random()*(11));
while (pos>0){
pos2=pos+1;
$(".pos"+pos).toggleClass("pos"+pos2,1000);
$(".pos"+pos2).removeClass("pos"+pos,1000);
pos--;
}
while (pos<=aleatorio){
pos2=pos-1;
$(".pos"+pos).toggleClass("pos"+pos2,1000);
$(".pos"+pos2).removeClass("pos"+pos,1000);
pos++;
}
$(".mezcl").toggleClass("pos"+aleatorio,1000);
$(".mezcl").removeClass(posini,1000);
callback();
};
var FunctionTres = function (aleatorio) {
$(".pos"+aleatorio).toggleClass("mezcl",1000);
$(".pos"+aleatorio+" >div").toggleClass("mezclando",1000);
};