JQuery effects

JQuery effects

JQuery comes with some built-in effects like:

$(element).show() => Shows the element.

$(element).hide() => Hides the element 

$(element).toggle() => Hides the element if visible, shows it if hidden.

$(element).fadeIn() => Changes the opacity of the element gradually.

$(element).fadeOut() => Same as above, other way around

$(element).fadeToggle() => Toggles between fadeIn, fadeOut

$(element).slideUp() => Changes the height from none, to some

$(element).slideDown() => Same as above, the other way

$(element).slideToggle() => Toggles between slideUp, slideDown.

$(element).animate() => animates css properties. Accepts an object.

Check full documentation for effects here