Desvanece un div con contenido A y Fade In en el mismo div con contenido B

Tengo lo siguiente:

$(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;
    });
});

Esto funciona casi bien. La cosa es que ... el efecto no es suave. Quiero decir, primero se desvanece el contenido A, luego se queda en blanco y luego se desvanece EN el contenido B.

Lo que me gustaría es aliviar el efecto para que, mientras se desvanece realmente cerca del final, comience a desvanecerse para que el efecto sea suave.

¿Cómo se puede lograr con respecto al código a continuación?

Muchas gracias de antemano, MEM

Respuestas a la pregunta(2)

Su respuesta a la pregunta