Understanding the easing effect in jQuery

jQuery, one of the most popular JavaScript library on the Internet. It provides to the developer useful tools to build quickly websites and web apps. One of the most popular is the animation. jQuery has plenty of way to show or hide any elements using different visual effects. Here's the list:

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

But what all this means?

Instead of trying to explain in words, I found two (2) websites that explains it all.

• http://jquery-ui.googlecode.com/svn/trunk/demos/effect/easing.html
• http://matthewlein.com/experiments/easing.html

Happy jQuerying