带有缓动的jQuery slideDown

Question

如何使用slideDown()函数进行缓动？

也许以某种方式扩展它？

我正在寻找这样的东西:

jQuery.fn.slideDown = function(speed, easing, callback) {
  return ...
};

所以我可以用它滑动这个

$('.class').slideDown('400','easeInQuad');

或这个

$('.class').slideDown('400','easeInQuad',function(){
   //callback
});

Answer 1

看一下这个包含许多缓动函数的页面:http://gsgd.co.uk/sandbox/jquery/easing/

使用该插件,您可以执行以下操作:

$(element).slideUp({
    duration: 1000, 
    easing: method, 
    complete: callback});

Answer 2

你可以使用jQueryUI的animate方法和这样的缓动效果:

$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});