Context
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