title: Page load Jump jquery fade in
body: <p>I'm using these scripts to fade in content, margin-right 0 the fourth item and to do the gray-color hovers:</p>
  
  <pre><code>$(document).ready(function(){    
      $("div.item:nth-child(4n+4)").css("margin-right", "0px");
  });
  
  $(document).ready(function(){
      $("#main").hide().fadeIn();
  });
  
  $(document).ready(function(){
      $("img.a").hover(
          function() {
              $(this).stop().animate({"opacity": "0"}, "slow");
          },
          function() {
              $(this).stop().animate({"opacity": "1"}, "slow");
       });
  });
  </code></pre>
  
  <p>The problem, is that when I load "portfolio" or "acerca" page (specially the text on the "acerca" section), the main content does a jump before the fade in. What i'm doing wrong?</p>