Jquery sliding gets more delayed for each click <p>If you login here <a href="http://freeri.freehostia.com/utanme/image.php" rel="nofollow">http://freeri.freehostia.com/utanme/image.php</a> Username/password:Demo123 and press any image and when it slides click the main image, do that a couple of times and suddently you'll notice that the sliding takes longer and longer for each time.</p> <p>the code im using</p> <pre><code>$(function(){ $('.slide:last-child img').live('click', function() { $('.slide:first-child').animate({ marginLeft: '0' },500); return false; }); $('.slide .img').click(function(){ var img = $(this).find('a').attr('href'); var title = $(this).find('h2').text(); var desc = $(this).find('p').text(); $('.slide:last-child img').attr('src',img); $('.slide:last-child h2').text(title); $('.slide:last-child #cont').text(desc); $('body').prepend('&lt;div id="cover"&gt;&lt;img src="./images/loader.gif"/&gt;&lt;/div&gt;'); $('.slide:last-child img').load(function(){ $('#cover').detach(); $('.slide:first-child').animate({ marginLeft: '-900px' },500); }); return false; }); }); </code></pre> <p>what am i missing here? any aid would be greatly appreciated</p>