jQuery se desvanecen antes de la aparición gradual de

Question

Estoy haciendo mi cartera, totalmente basada en Javascript. http://portfolio.theadamgaskins.com/Portfolio/

Mi problema, es cuando hace clic en uno de los botones de navegación, las nuevas páginas se desvanece al mismo tiempo que los demás se desvanece página cabo. La página actual debe desaparecer antes de que los nuevos se desvanece en la página Aquí está el código que estoy usando:.

    $("#homeButton").click(function()
    {
        $('.page[id!="homePage"]').fadeOut('400', function()
        {
            $("#homePage").fadeIn('400');
        });
    });

Esto está fuera de contexto; no dude en View Source en el sitio.

Answer 1

Esto sucede debido a que algunos de los elementos son ya oculta, por lo que sus devoluciones de llamada se ejecutan inmediatamente ... la causa de su animación simultánea. Para remediar este complemento :visible a su selector de elementos que desea animar, como esto:

$("#homeButton").click(function() {
    $('.page[id!="homePage"]:visible').fadeOut('400', function() {
        $("#homePage").fadeIn('400');
    });
});

De esta manera no está adjuntando una animación o de devolución de llamada problemática a los elementos que son ya oculta.