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?

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