JQUERY - ALL EFFECTS

In the previous tutorials, we have learnt about almost all the Effects of JQuery. Let us also see, some of the other Effects here.

Note : You can click on each effect and get the detail of it.

There are delaying and halting effects in JQuery. They are listed below :

Effect	Description
delay()	This effect is used to delay an effect execution for a certain amount of time.
finish()	This effect is used to finish an effect execution at that point of time.
stop()	This effect is used to stop an effect execution at that point of time.

Display effects of JQuery :

Effect	Description
show()	This effect is used to make the hidden element visible.
hide()	This effect is used to hide an HTML element.
toggle()	This effect is a combination of Hide and Show effect

Fade effects of JQuery :

Effect	Description
fadeIn()	This effect is used to make the hidden element visible using fade in effect.
fadeOut()	This effect is used to hide an element using faded effect.
fadeToggle()	This effect is a combination of fade in and fade out effect.
fadeTo()	This effect is used to fade an element upto a certain extent provided.

Slide effects of JQuery :

Effect	Description
slideUp()	This effect is used to hide an element using sliding effect.
slideDown()	This effect is used to make the hidden element visible using a slide down effect.
slideToggle()	This effect is a combination of slideUp and slideDown effect.

Animated effects of JQuery :

Effect	Description
animate()	This effect is used to provide animations to an HTML element.