YouTip

# jQuery UI API Category - Effects jQuery UI adds some features to jQuery's built-in effects. jQuery UI supports color animations and class transitions, and also provides some additional (#). Additionally, it provides a complete set of custom effects for showing and hiding elements or just adding some visual flair. | API | Description | Also Belongs to Category | | :--- | :--- | :--- | | [.addClass()](#) | Adds the specified class to each element in the set of matched elements when animated style changes. | (#) | (#) | | (#) | The Blind Effect hides or shows an element by wrapping it in a container and using a "blinds" effect. | | | (#) | The Bounce Effect bounces an element. When used with hide or show, the last or first bounce will have a fade effect. | | | (#) | The Clip Effect hides or shows an element by clipping it vertically or horizontally. | | | (#) | Animates color properties using .animate(). | | | (#) | The Drop Effect hides or shows an element by sliding it in a single direction with a fade. | | | (#) | Easing functions specify the speed of the animation at different points. | | | [.effect()](#) | Applies an animated effect to an element. | (#) | (#) | | (#) | The Explode Effect hides or shows an element by splitting it into pieces. | | | (#) | The Fade Effect hides or shows an element by fading it in or out. | | | (#) | The Fold Effect hides or shows an element by folding it. | | | [.hide()](#) | Hides the matched elements with a custom effect. | (#) | (#) | (#) | | (#) | The Highlight Effect hides or shows an element by first changing its background color. | | | (#) | Creates a puff effect by scaling the element while hiding it. | | | (#) | The Pulsate Effect hides or shows an element by pulsating it. | | | [.removeClass()](#) | Removes the specified class from each element in the set of matched elements when animated style changes. | (#) | (#) | | (#) | Scales the element by a certain percentage. | | | (#) | Shakes the element vertically or horizontally multiple times. | | | [.show()](#) | Shows the matched elements with a custom effect. | (#) | (#) | (#) | | (#) | Resizes the element to a specified width and height. | | | (#) | Slides the element out of the viewport. | | | [.switchClass()](#) | Adds and removes the specified class from each element in the set of matched elements when animated style changes. | (#) | | [.toggle()](#) | Shows or hides the matched elements with a custom effect. | (#) | (#) | (#) | | [.toggleClass()](#) | Adds or removes the specified class from each element in the set of matched elements when animated style changes. | (#) | (#) |