jQuery Easing Examples

Choose an easing type:

Choose an effect:

Effect Duration (in milliseconds):

Power User Tip: Use the Left and Right arrow keys to cycle betwen easing types, and use Enter/Return to test and retest.

Where did fadeToggle() come from?

fadeToggle is now part of the effects core!

It can easily be added to the jQuery library, or any of your files using this code:

jQuery.fn.fadeToggle = function(speed, easing, callback) {
      return this.animate({opacity: 'toggle'}, speed, easing, callback);

Then it can be called like any other jQuery effect. Thanks to Karl Swedberg for posting that originally.