jQuery: remplacement du fondu par un glissement

Question

J'ai le script ci-dessous pour masquer le contenu d'un div et en montrer un autre

$("#"+objCurrentDiv).fadeOut("slow",function(){
  $("#"+objNewDiv).fadeIn("slow");
});

Cela me donne l’effet de fondu. Maintenant, je veux reprendre l’effet de fondu en glissant (de gauche à droite). J'ai essayé la méthode slide in show, mais je n'y suis pas parvenu. Quelqu'un peut-il m'aider à le réécrire?

Answer 1

Puisque les fonctions standard .slideDown et .slideUp font l'effet verticalement, vous devez utiliser .animate comme ceci:

$("#"+objCurrentDiv).animate({'width':'0%','display':'none'},"slow",function(){
  $("#"+objNewDiv).animate({'width':'100%','display':'block'},"slow");
});