La devolución de llamada de Jquery Animation afecta a los elementos incorrectos - javascript, jquery, jquery-animate

Hey, estoy tratando de hacer una especie de control deslizante pero tenerun problema para que el bucle se "reinicie". La idea es tener los elementos animados para desvanecer la opacidad y, cuando haya terminado, hacerlos ocultos para que el ".is (: visible)" no se active después de que se haya restablecido el bucle. Sin embargo, la función de devolución de llamada afecta a los elementos que están tener su opacidad animada a "1", y en el momento equivocado. Supongo que es algo simple que aún no conozco sobre animaciones, ya que soy una especie de jQuery newb.

    $("a#galleryArrow").bind("click", function(){

wrapper.children().slice(imageSet,(imageSet + 5)).animate({opacity: 0}, function() {$(this).hide();});

if (wrapper.children(":last-child").is(":visible")) { imageSet = 0; }
else { imageSet = imageSet + 5; }

wrapper.children().slice(imageSet, (imageSet + 5)).css({display: "block"}).animate({opacity: 1});
wrapper.animate({left: -(imageSet * 104)});

return false;

});

Respuestas

Primero intente mover la segunda animación al interior de la primera devolución de llamada animada para que no entren en conflicto.

$("a#galleryArrow").bind("click", function(){

wrapper.children()
.slice(imageSet,(imageSet + 5))
.animate({opacity: 0}, function() {

$(this).hide();

if (wrapper.children(":last-child").is(":visible")) {
imageSet = 0;
}
else {
imageSet = imageSet + 5;
}

wrapper.children()
.slice(imageSet, (imageSet + 5))
.css({display: "block"})
.animate({opacity: 1});

wrapper.animate({left: -(imageSet * 104)});

});

return false;

});