Jquery, FadeOut /FadeIn

Bonjour à tous, je viens vous voir suite à un problème de FadeOut/FadeIn avec Jquery.

En fait, lors du chargement d'une nouvelle page, je veux faire disparaitre l'ancienne en fadeOut, et la nouvelle la faire apparaitre en fadeIn, et ce via l'utilisation de ajax de Jquery.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

$(document).ready(function() { $("a.test").click(function() { $("#centre").fadeOut("slow");   $.ajax({ type: "POST", url: $(this).attr("href"), success: function(retour){     $("#centre").empty().append(retour).fadeIn("slow");   }     }); return false;   }); });

---

Si je n'ai pas été assez clair, je vous invite à voir l'effet "indésirable" sur http://propg.fr

D'avance, merci.

Salut,

Je n'ai pas testé, mais me suis inspiré de quelque chose que j'ai déjà fait:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(document).ready(function() { $("a.test").click(function() { var $me = $(this); $("#centre").fadeOut("slow", function() { $("#centre").load($me.attr("href"), function() { $("#centre").fadeIn("slow"); }); }); }); return false; });

---