Hiding everything until the page has finished loading

Question

I am looking to have everything on my page hidden until the page has finished loading. I have seen many posts and tried different things. The most common solution which work

Answer 1

Try this example. http://jsfiddle.net/iashu/AaDeF/

    container content....

Jquery

$(window).load(function() {
    //show();
});


function show() {
    $('#loading').hide();
    $('#container').fadeIn();
};

setTimeout(show, 3000);