jQuery: Reemplazo de desvanecimiento con deslizamiento

Question

Tengo el siguiente script para ocultar el contenido de un div y mostrar otro

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

Esto me está dando el efecto de desvanecimiento. Ahora quiero reajustar el efecto de desvanecimiento con deslizamiento (de izquierda a derecha). Probé la diapositiva en el método show, pero no pude. ¿Puede alguien ayudarme a reescribirlo?

Answer 1

Dado que la función estándar .slideDown y .slideUp harán el efecto verticalmente, debe usar .animate de esta manera:

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