jQuery animate function
<p>Good afternoon lads,</p>

<p>I've been working on a jQuery over function which allows you to highlight a div a preview div. </p>

<p>URL's:</p>

<pre><code>&lt;a class="hoverlogo" href="/cms-logo-'.$row['id'].'"&gt;Logo&lt;/a&gt;
&lt;div id="preview-logo"&gt;&lt;/div&gt;
</code></pre>

<p>jQuery below:</p>

<pre><code>$("a.hoverlogo").hover(
function() {
    $("#preview-logo").animate({backgroundColor: '#cccccc'});
},
function() {
    $("#preview-logo").animate({backgroundColor: '#fff'});
});
</code></pre>

<p>But when i keep doing mouseover a several times the animation wont stop highlighting.
How-to stop the animations when I'm not on the a href URL anymore?</p>

<p>Thanks for your time, </p>

<p>Kind regards.</p>
