.animate() STOPS working after a couple of times?
<p>Okay, I have this sample from my code:</p>

<pre><code>this.el.show().css({ "width" : 0 });
this.el.find('.mosaic-content-wrap').css({ "margin-left" : -this.width });

this.el.animate({ "width" : this.width }, duration);
this.el.find('.mosaic-content-wrap').animate({ "margin-left" : 0 }, duration);
</code></pre>

<p>All objects are fine, I tried logging all of them (including: this.el, this.width, this.el.find('.mosaic-content-wrap')</p>

<p>However, the .css() function is working and .animate() is just stops after a couple of times. I need to emphasize that - it works a couple of times and THEN stops working.</p>

<p>Can anyone think of any reason why .animate() would not work? Can I perform some test or something to find out what's wrong? I can't think of anything else than checking if "this.el" exists, and it does point to the correct element.</p>

<p>The full example can be seen here:
<a href="http://www.nikolaydyankov.com/Dev/mosaic" rel="nofollow">http://www.nikolaydyankov.com/Dev/mosaic</a>
Try playing with the transition in order to brake it. It shouldn't take more than 2-3 times before it breaks.</p>
