title: Hide a div while page is loading?
body: <p>So I've got one div that loads kind of funny, and my client is a little concerned about it, but I want to help them out.</p>
  
  <p>Is there a way I can hide a div for a set time with jQuery? probably just opacity: 0 on page load, then 2 seconds in, change it to opacity: 1.</p>
  
  <p>An alternative might be to add/remove class method. I'm just not sure what the code would be to have it in one state while the page loads, then in the other state indefinitely (unless the page is refreshed of course) so something like</p>
  
  <pre><code>jQuery('#DIV').WHILELOADING(function() {
      jQuery('#DIV').addClass('hidden_div')
  });
  
  jQuery('#DIV').AFTER_2_SECONDS(function() {
      jQuery('#DIV').removeClass('hidden_div')
  });
  </code></pre>
  
  <p>I'm just not 'entirely' sure how to do this. As well, a "loading screen" which I know how to do, is out of the question, lol. :P</p>