title: All Masonry items hiding when loading more
body: <p>I'm using this code to append more Masonry items to the existing ones.</p>
  
  <pre><code>$container.append(data);
  $container.masonry('appended').hide();
  $container.imagesLoaded( function()
  {
      $container.masonry('appended').show();
      $container.masonry('reloadItems').masonry();
  });
  </code></pre>
  
  <p>As you can see <a href="http://comfyshoulderrest.com/shopaholic/demo/" rel="nofollow">here</a>, the whole of <code>#container</code> is being hidden, not just the most recently appended items, resulting in a really unpleasant user experience.</p>
  
  <p>How can I modify the script so that only the most recently appended items are hidden until Masonry has had a chance to initialise?</p>