Question

134

rated 0 times [ 137] [ 3] / answers: 1 / hits: 55121 / 15 Years ago, wed, november 4, 2009, 12:00:00

How can use the slideDown() function with easing?

Maybe extend it somehow?

I'm looking for something like this:

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

  return ...

};

So i can use it slide this

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

or this

$('.class').slideDown('400','easeInQuad',function(){

   //callback

});

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 641

Total Questions: 118

Total Answers: 101

Location: French Southern and Antarctic Lands

Member since Fri, Jan 6, 2023

1 Year ago

answered 15 Years ago stefanicarolinat · Accepted Answer

Take a look at this page, which contains many easing functions: http://gsgd.co.uk/sandbox/jquery/easing/

Using that plugin you can do things like:

$(element).slideUp({

    duration: 1000, 

    easing: method, 

    complete: callback});