Basic Effects - Jquery

Basic Effects

The following are the basic effects used in jquery library.

1. Basic
2. Fading
3. Side Effects

Hide: .hide()

This .hide function is used to make the specific element disappear in a form.

Show: .show()

This .show function is used to make the hidden elements appear in a form.

Toggle: .toggle()

This toggle effect can be used when ever we need to show or hide the matched element when it is hidden or shown.

Fadein: .fadeIn()

The fadeIn effect can be used when ever we need to animate the opacity of matched element from hidden to visible.

Fadeout: .fadeOut([duration], [easing], [callback])

The fadeOut method is used to animate the opacity of the matched elements from visible to hidden.

Fade Toggle: .fadeToggle([duration], [easing], [callback])

This fadeToggle is used to display or hide the matched elements by displaying their opacity.

Fade To .fadeTo()

jQuery .fadeTo() is one of effect function that fades the matched elements for the specified opacity

Slide Up: .fadeIn()

jQuery .slideUp() is one of the effect functions that hides the specified values with a sliding up motion for a give duration.

Slide Down: .fadeOut([duration], [easing], [callback])

The .slideDown() method is used to display the elements that are matched with the slide down effect.

Slide Toggle: .fadeToggle([duration], [easing], [callback])

This .slideToggle() method is used to toggle the elements that are matched with the slide effect.