Question

I have this below code and i want to have a fadeIn effect to the modified content in the body

$(document).ready(function() {

$('body').delay(400).hide().fadeIn(1500);

$('body').animate({

    $('body').html('sdsadsdsdsdasdsd');

}, 1000 );


});

But this doesn’t seem to work…

Answer 1

.animate() takes CSS properties, not javascript. Put the content in first, then animate opacity.

$(function() {
    $('body')
        .hide()
        .html('sdsadsdsdsdasdsd')
        .fadeIn(1500);
});