带有缓动的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

您可以将animate方法与jQueryUI和easing effects一起使用，如下所示：

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

Answer 3

缓和进出：

            $("#SignIn").click(function () {

                $(".divSlideTop").slideDown({
                    duration: 1000,
                    easing: "easeInQuad"
                });
            });

            $("#close").click(function () {

                $(".divSlideTop").slideUp({
                    duration: 1000,
                    easing: "easeOutQuad"
                });
            });

Answer 4

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

引号不需要数字。

Answer 5

查看我的笔Demo，您可以使用$(element).slideUp({duration:1000});