jQuery UI API Category -Effects
jQuery UI adds some functionality to jQuery's built-in effects. jQuery UI supports color animations and Class transitions, and also provides some additionalEasings. Additionally, it provides a complete set of custom effects to use when showing and hiding elements or simply adding some visual flair.
| API | Description | Also belongs to category |
|---|---|---|
| .addClass() | Adds the specified class to each element in the matched set of elements when the animation style changes. | Effects Core | Method Overrides |
| Blind Effect | The Blind Effect hides or shows an element by wrapping it in a container and applying a "blinds" effect. | |
| Bounce Effect | The Bounce Effect bounces an element. When used with hide or show, the last or first bounce will have a fade-in/fade-out effect. | |
| Clip Effect | The Clip Effect hides or shows an element by clipping it vertically or horizontally. | |
| Color Animation | Use .animate() to implement color animation effects. | |
| Drop Effect | The Drop Effect hides or shows an element with a fade-in/fade-out while sliding in a single direction. | |
| Easings | Easing functions specify the speed of an animation at different points. | |
| .effect() | Apply an animation effect to an element. | Effects Core | Method |
| Explode Effect | The Explode Effect hides or shows an element by splitting it into pieces. | |
| Fade Effect | The Fade Effect hides or shows an element by fading it in or out. | |
| Fold Effect | The Fold Effect hides or shows an element by folding it. | |
| .hide() | Hide matched elements using custom effects. | Effects Core | Method Overrides | Method |
| Highlight Effect | The Highlight Effect hides or shows an element by first changing its background color. | |
| Puff Effect | Create the Puff Effect by hiding the element while scaling it. | |
| Pulsate Effect | The Pulsate Effect hides or shows an element by pulsing it. | |
| .removeClass() | Removes the specified class from each element in the matched set of elements when the animation style changes. | Effects Core | Method Overrides |
| Scale Effect | Scales an element by a certain percentage. | |
| Shake Effect | Shakes the element multiple times vertically or horizontally. | |
| .show() | Show matched elements using custom effects. | Effects Core | Method Overrides | Method |
| Size Effect | Resize an element to the specified width and height. | |
| Slide Effect | Slide an element out of the viewport. | |
| .switchClass() | Adds and removes the specified class on each element in the matched set of elements when the animation style changes. | Effects Core |
| .toggle() | Show or hide matched elements using custom effects. | Effects Core | Method Overrides | Method |
| .toggleClass() | When the animation style changes, add or remove one or more classes to or from each element in the matched set of elements, depending on whether the class exists and the value of the switch parameter. | Effects Core | Method Overrides |
| Transfer Effect | Transfers the outline of one element to another element. |