Fondu un div avec le contenu A et fondu Dans le même div avec le contenu B

Question

Je donne les résultats suivants:

$(function() { 
    $('.ajaxloader').click(function(event) { 
     var target = $(this).attr('href'); 
     window.location.hash = target; 
     $('#conteudoInscricao').fadeOut('slow', function() { 
      $.ajax({ 
       url: target, 
        success: function(data) { 
         $('#conteudoInscricao').html(data); 
         $('#conteudoInscricao').fadeIn('slow'); 
        } 
      }); 
     }); 
     return false; 
    }); 
}); 

Cela fonctionne presque ok. La chose est ... l'effet n'est pas lisse. Je veux dire, d'abord, il fait disparaître le contenu A, puis il reste vide, puis il se fane contenu IN B. B.

Ce que je voudrais est de faciliter l'effet de sorte que, alors qu'il est en train de disparaître vraiment près de la fin, il commence à s'estomper pour que l'effet soit lisse.

Comment cela peut-il être réalisé en ce qui concerne le code ci-dessous?

Merci beaucoup à l'avance, MEM

Answer 1

Essayez ceci:

$(function() { 
    $('.ajaxloader').click(function(event) { 
     var target = $(this).attr('href'); 
     window.location.hash = target; 
     $.ajax({ 
      url: target, 
      success: function(data) { 
       $('#conteudoInscricao') 
        .fadeOut('slow', function() { 
         $(this).html(data).fadeIn('slow'); 
        }); 
      } 
     }); 
     return false; 
    }); 
}); 

Ainsi, l'effet se produira seulement après avoir récupéré vos données, évitant ainsi tout intervalle de temps d'attendre la réponse de données.

Answer 2

Au moment il ne sera pas, parce que le fadeIn ne commencera pas jusqu'à ce que le fadeOut a fini!