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

In CSS:

#extraControls { display: none; }

Or in HTML: