Binding animation on many elements
<p>I try to do some kind of grid that need to show dot based animation in the future.
But it seams to perform pretty slowly even with a few elements (i need to apply it to maybe 5times that many items)</p>

<pre><code>$('div').bind('shrink', function(){
       var $that = $(this).find('&gt; em &gt; span');
       $that.animate({'width': '3px', 'height': '3px'}, 500);
    }).bind('grow', function(){
       var $that = $(this).find('&gt; em &gt; span');
       $that.delay(50).animate({'width': '100%', 'height': '100%'}, 300);
    }).append('&lt;em&gt;&lt;span&gt;&lt;span&gt;&lt;em/&gt;');
//triggering shrink and grow on hover
</code></pre>

<p>before starting to do complex animations i wanted to test it with a hover effect.</p>

<p>you can take a look at the demo here:
<a href="http://jsfiddle.net/meo/GvfVb/7/" rel="nofollow">http://jsfiddle.net/meo/GvfVb/7/</a></p>

<p>How could i improve the performance of this script?</p>
