jQuery UI Easing Effects Demo and Documentation

This page will show, explain and document how to use the Easing effects that are apart of the jQuery UI project.

We'll use the animate effect core method and pass in the following jQuery UI easing options

Demo

This is an example of

Code Example

$(".demo")
    .animate({height: "hide", width: "hide"}, 1500, "")
    .animate({height: "show", width: "show"}, 1500, "");