.slideToggle() Effect in Jquery
Description: Jquery slideToggle() method display/hide the matched elements with a sliding motion. Alternatively, we can use slideToggle() method that perform both slide up and down animation based up on the initial display. If initial displays state is in slide down
.slideUp() Effect in Jquery
Description: Jquery slideUp() method is used to slide UP the matched element with a sliding motion. Syntax .slideUp( duration, easing, complete/callback ) Ex : $("#div").slideUp("slow", function() { // Execute after Animation completed. }); Duration/speed It specifies the
.slideDown() Effect in Jquery
Description: Jquery slideDown() method slide down the matched elements with a sliding motion. Syntax .slideDown( duration, easing, complete/callback ) Ex : $("#div").slideDown("slow", function() { // Animation complete. }); Duration/speed It specifies the speed of the fadein.
fadeTo() Effect in Jquery
Description: jQuery fadeTo() method is used to fading the given opacity for the matched/selected element. It is similar to the .fadeIn method but that method unhides the element and always fades to 100% opacity. Syntax .fadeTo( duration,
.fadeToggle() Effect in Jquery
Description: jQuery fadeToggle() method is used to toggle between the fadeIn() and fadeOut() methods. If the selected/matched elements are fadedIn then the fadeToggle will make them faded out. And if the selected elements are fadedOut then
.fadeOut() Effect in Jquery
Description: The fadeOut( ) method fades out all selected/matched elements by applying the opacity to 0, then setting display to "none" . Finally the optional callback will be triggered after completion of animation. Syntax .fadeOut(
fadeIn() Effect in Jquery
Description: Display matched elements by fading them to opaque. In simple word, its animates the opacity for the matched elements. Syntax .fadeIn( [duration ] [easing] [callback] ) $("#div").fadeIn("slow"); Duration/speed It specifies the speed of the