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

questionAnswers(2)

yourAnswerToTheQuestion