jquery.ajax()

[viringas]

hola a todos, tengo esta funcion para dar de alta una asignatura

Código Javascript:

$("#formAltaMat").submit(function(event){
event.preventDefault();
 
    $.ajax({
        type: "POST",
        url: "enviaDatosAltaMateria.php",
        data: $("#formAltaMat").serialize(),
        success: function(){
            $("#formAltaMat").hide(function(){$('div.msg').fadeIn('slow').fadeOut(6000);}); 
            $("#flotante").fadeOut(4000);
            //$("#contenido").fadeIn().load("docencia.php");
        }  
    }); 
    
});
 

la funcion funciona perfectamente ya que da de alta asignaturas perfectamente, lo que me falla o digamos q no me gusta es el efecto visual, vereis, lo q hago en el success es que esconda el formulario de alta, y muestre un div flotante que muestra un mensaje, luego este div se desvanece con el efecto fade, el problema es q acontinuacion le digo q que en contenido cargue docencia.php q es donde aparecen todas las asignaturas dadas de alta, pero no se xq al hacer el success muestra directamente la pagina docencia.php con los datos actualizados sin antes aparecer el div flotante y la verdad no se xq

gracias!