jquery - jQuery：用滑动代替淡入淡出

Question

我有下面的脚本来隐藏一个 div 的内容并显示另一个

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

这给了我淡入淡出的效果。现在我想用滑动（从左到右）来代替淡入淡出效果。我尝试了幻灯片放映方法，但没有成功。有人可以帮我重写吗？

Answer 1

由于标准函数 .slideDown 和 .slideUp 会垂直产生效果，你必须像这样使用 .animate ：

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