javascript - イージングを使用したjQueryslideDown

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(){});

Answer 3

使いやすい私のペンのデモを見てください$(element).slideUp({duration:1000});