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

div.hidden
{
   display: none
}




$(document).ready(function() {
    $("div#extraControls").removeClass("hidden");
});