JQuery : problème simple avec animate()

Bonjour,

Je suis relativement débutant avec JQuery. Je souhaite mettre en place un système simple de notifications.

Voici le script actuel :

function msg(txt) {
    if(txt) {
        $("#message").html(txt);

        $('#message').animate({
            top: '14'
        }, 1000, "easeOutBounce", function() {
            // Animation complete
            setTimeout(
                function() {
                    $('#message').animate({
                        top: '-66'
                    }, 1000 )}, 1500);
        });
    }
}

Explications : un message s'affiche en haut au centre de l'écran avec un effet de rebondissement. Après 1,5s ce message disparaît.

Mon problème est que ça devient un peu buggé lorsque je fais appel une seconde fois à cette fonction avant que le message précédent ait disparu.

Je pense que le meilleur moyen serait d'annuler l'effet de disparition lorsqu'un nouveau message est affiché de relancer le Timeout pour 1,5s, mais je ne sais pas bien comment le réaliser. J'ai vu la fonction clearQueue() mais je n'ai pas bien compris si ça pourrait répondre à ma problématique.

Je vous remercie par avance pour vos conseils !