Search code examples
jqueryjquery-uijquery-effects

What are the Options for jQuery Animated Effects?


A lot of the jQuery (and jQuery UI) functionality allows for animations to occur when showing/hiding elements. One of the irksome things about their otherwise-thorough web site is their lack of definitions of the animation keywords you can use. I'm aware of slide, fadeIn, and fadeOut. I know I've used others in the past as well. Is there a definitive list of options somewhere?


Solution

  • There's also the jQuery UI effects in addition to the standard jQuery effects.

    The only list I could find of them were on the demo page: http://jqueryui.com/docs/effect/

    This includes stuff like slide, shake, puff, blind, etc...

    This main landing page on the jQuery UI Effects page has links to demos of some of the jQuery animation effects (show, hide), but not all (like fade in/out) and also links to the jQuery UI effects.

    But overall, I don't think there is a comprehensive jQuery / jQueryUI list.