Desvanecer uma div com o conteúdo A e Desvanecer na mesma div com o conteúdo B
Eu tenho o seguinte:
$(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;
});
});
Isso funciona quase bem. A coisa é ... o efeito não é suave. Quero dizer, primeiro diminui o conteúdo A, depois permanece em branco e depois diminui o conteúdo B.
O que eu gostaria é aliviar o efeito para que, enquanto ele está desaparecendo realmente perto do fim, ele começa a desaparecer para que o efeito seja suave.
Como isso pode ser alcançado com relação ao código abaixo?
Muito obrigado antecipadamente, MEM