Hide class before document
<p>I have about 20 tabs which are placed underneath the content (not on-top as usual) with large content (forms,inputs) on each tabs.</p>

<p>Problem is that when the users visit the site, they see all the content before the tabs hide. Is there a way to prevent this? I am using jQuery tabs as simple as:</p>

<pre><code>$(window).load(function() {
    $(".tab_content").hide();$(".tab_content:first").show();
});
</code></pre>

<p>I was thinking if there is a way to hide <strong>.tab_content</strong> without jQuery? So I can load jquery at the end asynchronously. I would imagine, loading jquery and then hiding tabs takes time. But yet again I was thinking that, in order to hide .tab_content you need the content so, maybe there is no way around it? 
Thanks alot</p>
