title: jQuery hide() flicker
body: <p>I have a PHP script which runs validation on a form with some inputs. I wanted to hide() the errors then have them fade in (rather than just have them appear) once the page reloads.</p>
  
  <p>The issue i'm having is that, although the script works...I get a slight flicker of the error fields as the page is loading. </p>
  
  <pre><code>&lt;div class="error"&gt;sample error&lt;/div&gt;
  
  $(document).ready(function() 
  {
      if($('div.error').length &gt; 0)
  
      {
  
         $('div.error').hide();
  
          if($('div.error:hidden'))
          {
              $('div.error').delay('1000').fadeIn('2000');   
          }
  
      }
  }
  </code></pre>
  
  <p>Thanks in advance</p>