jQuery : 페이딩을 슬라이딩으로 대체합니다

Question

아래 스크립트가 있는데, 하나의 div의 내용을 숨기고 다른 div를 보여줍니다.

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

이것은 나에게 페이딩 효과를주고있다. 나는 슬라이딩으로 페이드 효과를 repalce하고 싶다 (왼쪽에서 오른쪽으로. 나는 쇼 메소드에서 슬라이드를 시도했지만 성공할 수 없었다. 누군가가 그것을 다시 쓰는 데 도움이 될 수 있습니까?

Answer 1

표준 함수 .Slidedown과 .Slideup은 수직으로 효과를 수행하므로 다음과 같이 .animate를 사용해야합니다.

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