Fade In Method in JQuery
|
1 2 3 4 5 6 7 |
$(document).ready(function(){ $("button").click(function(){ $("#T1").fadeIn(); $("#T2").fadeIn("slow"); $("#T3").fadeIn(3500); }); }); |
Fade out Method in JQuery
|
1 2 3 4 5 6 7 |
$(document).ready(function(){ $("button").click(function(){ $("#T1").fadeOut(); $("#T2").fadeOut("slow"); $("#T3").fadeOut(3200); }); }); |
Fade To Method in JQuery
|
1 2 3 4 5 6 7 |
$(document).ready(function(){ $("button").click(function(){ $("#T1").fadeTo("slow", 0.20); $("#T2").fadeTo("slow", 0.12); $("#T3").fadeTo("slow", 0.10); }); }); |
Fade Toggle Method in JQuery
|
1 2 3 4 5 6 7 |
$(document).ready(function(){ $("button").click(function(){ $("#T1").fadeToggle(); $("#T2").fadeToggle("slow"); $("#T3").fadeToggle(3300); }); }); |
Video Lecture
