title: Hiding divs on page load with jQuery UI Accordion widget
body: <p>I'm using jQuery Accordion. When the page loads, all the divs flash for a second before being hidden. I'd like the divs to stay hidden while loading. I thought I was doing that by setting them to hidden via javascript outside of the document ready check like so:</p>
  
  <pre><code>$('#accordion div').hide();
  $('#accordion2 div').hide();
  
  jQuery(document).ready(function($) {...
  </code></pre>
  
  <p>However this isn't working and I suspect it's because I'm using the $ shortcut not yet declared. </p>
  
  <p>How do I get the hide() functions to fire while the page is loading instead of waiting until it is fully loaded and then hiding the divs?</p>
  
  <p>Thanks!</p>