jQuery slidedown mit Lockerung

Question

Wie die slidedown () Funktion mit Lockerung verwenden kann?

Vielleicht ist es irgendwie verlängern?

Ich bin auf der Suche nach so etwas wie folgt aus:

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

So ich es schieben diese
verwenden

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

oder diese

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

Answer 1

Werfen Sie einen Blick auf diese Seite, die viele Lockerung Funktionen enthält: http: // gsgd. co.uk/sandbox/jquery/easing/

Mit, dass Sie Plugin tun kann Dinge wie:

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

Answer 2

Sie können die belebte Methode mit jQueryUI verwenden und die Beschleunigungseffekten wie folgen aus:

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

Answer 3

Easing In und Out:

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

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

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

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

Answer 4

Haben Sie einen Blick auf meine Feder Demo einfach $(element).slideUp({duration:1000}); verwenden

Answer 5

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

müssen Zitate nicht für numerische.