jQuery fired in quick succession causes issues
<p>Im making a comparison chart whereby a user floats over a feature and a small box (div) slides out giving details (say 'somethingBox1')</p>

<p>I have this working fully, however I am having problems caused when the mouse leaves one active area (an image with id="something1") to another bedore the end of the slide animation (image id="something2" lets say)</p>

<p>It seems that the browser isnt waiting for the previous line/animation to complete before running the next event, and causing issues such as the box(s) getting confused as to if it is visible or not.</p>

<p>I am firing this code for each element:</p>

<pre><code>$('#something1').mouseleave(function() {$("#somethingBox1").animate({width:'toggle'},0);});
$('#something1').mouseover(function(){timeout = window.setTimeout(function() {$("#somethingBox1").animate({width:'toggle'},0);}, 350);}); 
</code></pre>
