jQuery Effects - Examples

Learn how to play with effects in jQuery. Here are most commonly used examples −

1. How to make custom animations?

2. How to Fade in all matched elements by adjusting their opacity and firing an optional callback after completion?

3. How to Fade out all matched elements by adjusting their opacity to 0, then setting display to "none" and firing an optional callback after completion?

4. How to Fade the opacity of all matched elements to a specified opacity and firing an optional callback after completion?

5. How to Hides each of the set of matched elements if they are shown?

6. How to Hide all matched elements using a graceful animation and firing an optional callback after completion?

7. How to Displays each of the set of matched elements if they are hidden?

8. How to Show all matched elements using a graceful animation and firing an optional callback after completion?

9. How to Reveal all matched elements by adjusting their height and firing an optional callback after completion?

10. How to Toggle the visibility of all matched elements by adjusting their height and firing an optional callback after completion?

11. How to Hide all matched elements by adjusting their height and firing an optional callback after completion?

12. How to Stops all the currently running animations on all the specified elements?

13. How to Toggle displaying each of the set of matched elements?

14. How to Toggle displaying each of the set of matched elements using a graceful animation and firing an optional callback after completion?

15. How to Toggle displaying each of the set of matched elements based upon the switch (true shows all elements, false hides all elements)?

16. How to Globally disable all animations?