Loading Please Wait...
jQuery has methods for various effects such as Hide, Show, Toggle, Slide, Fade, and Animate, etc.
The hide() method is used to hide elements.
$("#hide").click(function(){
$("p").hide();
});
The show() method is used to show elements.
$("#show").click(function(){
$("p").show();
});
The toggle() method toggle between the hide() and show() methods.
$("#toggle").click(function(){
$("p").toggle();
});
The fadeIn() method is used to fade in a hidden element.
$("#fadeIn").click(function(){
$("p").fadeIn();
});
The fadeOut() method is used to fade out a visible element.
$("#fadeOut").click(function(){
$("p").fadeOut();
});
The fadeToggle() method toggles between the fadeIn() and fadeOut() methods.
$("#fadeToggle").click(function(){
$("p").fadeToggle();
});
The fadeTo() method allows fading to a given opacity (value between 0 and 1).
$("#fadeTo").click(function(){
$("p").fadeTo("slow", 0.15);
});
The slideDown() method is used to slide down an element.
$("#slideDown").click(function(){
$("p").slideDown();
});
The slideUp() method is used to slide up an element.
$("#slideUp").click(function(){
$("p").slideUp();
});
The slideToggle() method toggles between the slideDown() and slideUp() methods.
$("#slideToggle").click(function(){
$("p").slideToggle();
});
The animate() method is used to create custom animations.
$("#animate").click(function(){
$("p").animate({left: '250px'});
});
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved