jQuery: substituindo o desbotamento por deslizamento

Question

Eu tenho o script abaixo para ocultar o conteúdo de uma div e mostrar outro

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

Isso está me dando o efeito de desbotamento. Agora quero repaltar o efeito de desbotamento com deslizamento (da esquerda para a direita. Eu tentei o slide no método de exibição, mas não consegui ter sucesso. Alguém pode me ajudar a reescrevê -lo?

Answer 1

Como a função padrão .slacewn e .slideup farão o efeito verticalmente, você deve usar.

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