jQuery Easing Examples

Choose an easing type: linear swing jswing easeInQuad easeInCubic easeInQuart easeInQuint easeInSine easeInExpo easeInCirc easeInElastic easeInBack easeInBounce easeOutQuad easeOutCubic easeOutQuart easeOutQuint easeOutSine easeOutExpo easeOutCirc easeOutElastic easeOutBack easeOutBounce easeInOutQuad easeInOutCubic easeInOutQuart easeInOutQuint easeInOutSine easeInOutExpo easeInOutCirc easeInOutElastic easeInOutBack easeInOutBounce

Choose an effect: slideToggle() fadeToggle() slideUp() slideDown() fadeOut() fadeIn()

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?

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