title: jQuery Isotope doesn't rearrange properly after items have been dynamically adjusted
body: <p>I have an isotope layout and everything - sorting and filtering and general display - works great. But I have to make the isotope items expandable on click. I did this via a span class which is hidden via JavaScript on initial page load but can be toggled via click on a different span class  <code>&lt;span class='Point'&gt;</code>.</p>
  
  <p>This works to a certain degree: the text is toggable - but the layout doesn't resize on click, despite me including <code>.isotope('layout')</code>. The specific jQuery code looks as follows: </p>
  
  <pre><code>   $(".risknotes").hide(); $grid.on( 'click', '.Point', function() {
      $(this).parent().find(".risknotes").toggle(2000);
      $(this).parent().toggleClass('bigger');
       $grid.isotope('layout')
      });
  </code></pre>
  
  <p>Funny thing is: if I click a filter, or a sort button, everything resizes perfectly. Just not on initial load or click. I made a jsfiddle reproducing the problem: <a href="http://jsfiddle.net/3t2fk5aq/" rel="nofollow">http://jsfiddle.net/3t2fk5aq/</a></p>