Bootstrap alert: usare lo stesso div per due messaggi consecutivi

[felino]

Ciao ragazzi,
ho creato una semplice funzione che richiamo per visaulizzare dei messaggi all'utente:

function showMessageEvent(textToShow, cssClass) {
    $("#resultMessageEvent").fadeOut("slow", function () {
        $("#resultMessageEvent").addClass(cssClass);
        $("#resultMessageEvent").html(textToShow);
    });

    $("#resultMessageEvent").show("slow").delay(3000).fadeOut("slow", function () {
        $("#resultMessageEvent").removeClass(cssClass);
        $("#resultMessageEvent").html("");
    });
}

Esempio:
Primo messaggio:
showMessageEvent("Caricamento in corso...", "alert-warning");

Se la chiamata Ajax è success, il secondo messaggio:
showMessageEvent("Evento aggiornato!", "alert-success");

Succede che vengono rimossi la classe e il test riferiti al caso warning e solo dopo viene visualizzato il div success senza testo!

Come mai?

Grazie.

 

[MarcoGrazia]

Nella stessa funzione, prima lo chiudi fadeOut() con dentro la classe e il testo e poi lo mostri rimuovendo la classe e togliendo il testo?