Question

Ok, suppose I had a body element in my stylesheet and I set visibility:hidden; When the page is loaded I would like to use .fadeIn and fade in the page slowly.

I tried something like this, but it didn’t work.

$("body").css("visibility", 'visible').fadeIn("slow");

Answer 1

Instead of visibility, set the opacify to 0 and then use animate to get the best effect.

$("body").css("opacity", 0).animate({ opacity: 1}, 1000);

Demo

You can set the initial opacity to 0 through css itself which will give even better effect. With that the code is reduced to just.

$("body").animate({ opacity: 1}, 1000);