Question

I have a container with 3 div’s in, when my document is ready id like each element to fade in at different speeds, opacity to go from 0-100 smoothly, is this possible with jquery?

Thanks

Answer 1

jQuery has built in method for animating the opacity of the element: fadeIn

You can specify the time of fade in in milliseconds as per your requirement.

Select the required container by its id, class or anything as per your markup and call fadeIn method.

$('#div1').fadeIn(500);
$('#div2').fadeIn(1500);
$('#div3').fadeIn(2000);