How do I hide an HTML element before the page loads using jQuery

Question

I have some JQuery code that shows or hides a div.

$(\"div#extraControls\").show();   // OR .hide()

I initially want the div to be not visi

Answer 1

The best way to load javascript function over page is loaded, is

$(window).bind("load", function() {
   // code here
});

In your case

div.hidden
{
   display: none
}




$(window).bind("load", function() {
   $("div#extraControls").removeClass("hidden");
});