jQuery：用滑动取代褪色

Question

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

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

这给了我褪色效果。现在我想用滑动（从左到右）重新消除淡入淡出效果。 我在show方法中尝试了幻灯片，但是没有成功。任何人都可以帮我改写吗？

Answer 1

由于标准函数.slideDown和.slideUp将垂直执行此效果，因此您必须使用.animate：

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