jQuery FadeIn() FadeOut()

Here we will again discuss different animation and effect methods but with few simple examples to explain their proper use. If you want to get its code click show code and copy and paste it directly to check in your program.

As a very first methods we will discuss fadeIn(), fadeOut() and fadeToggle() methods. See the example given below:

Hello this is Sample text for testing jquery effects and animation methods.

ShowCode/HideCode

$(document).ready(function(){
$("#FadeOut").click(function(){
$("#seconddiv").fadeOut(3000,"swing");
});
$("#FadeIn").click(function(){
$("#seconddiv").fadeIn(3000);
});
$("#FadeToggle").click(function(){
$("#seconddiv").fadeToggle(3000);
});
});