jQuery Easing animate Examples

jQuery easing can make your animations look a lot better, but sometimes it's hard to choose which easing type to use.
I made this to have a simple way to see how the various easing settings will look on different effects. Enjoy!
Keep in mind that easeIn will affect the beginning of your animation, and easeOut will affect the end of your animation.

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?