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");
});