.animate infinite loop
<p>I am interested in a solution for jQuery <code>.animate</code> infinite loop break method.</p>

<pre class="lang-js prettyprint-override"><code>$(element).mouseover(function() {
   $(this).animate({ opacity: 1 }, duration, customFunc);
}).mouseout(function() {

});
</code></pre>

<p>And question now is how to break this loop? e.g within a <code>mouseout</code> event? </p>

<p>I can do it easily with <code>setInterval</code> and <code>clearInterval</code> but is there a way to it with <strong><code>.animate</code></strong> function?</p>
