Estou tentando obter uma transição suave quando redireciono os usuários. Primeiro desbotando a página, redirecionando e fadeIn.

Aqui está o meu redirecionamento

if ( data.redirect != undefined )
{
        $("#toppanel").slideUp(1000);       
        $("#content").fadeOut(2000, function() {
        window.location = data.redirect;
    });

Minha próxima página tem um javascript no cabeçalho assim:

jQuery(function ($) {

    $("div.container_16").first().hide();
    $(".grid_16").first().hide();

    $("div.container_16").first().fadeIn(2000);
    $(".grid_16").first().slideDown(4000);

Isso quase funciona, exceto por alguns milissegundos, onde a segunda página é carregada, depois fica em branco e desaparece. Como faço para corrigir isso? Preciso alterar o css ou o html?