How to execute function immediately?
<p>I have 10 functions: </p>

<pre><code>$("#one").mouseenter(function(){
$('#two,#three,#four,#five').fadeTo(700,0.2);
});
$("#one").mouseleave(function(){
$('#two,#three,#four,#five').fadeTo(700,1);
});


$("#two").mouseenter(function(){
$('#one,#three,#four,#five').fadeTo(700,0.2);
});
$("#two").mouseleave(function(){
$('#one,#three,#four,#five').fadeTo(700,1);
});
</code></pre>

<p>etc...</p>

<p>how do I make each function act immediately? At the moment they wait for the function to finish before starting the next one. Which causes <a href="http://tragicclothing.co.uk/index%202.html" rel="nofollow">chaos</a> if you go from div one to div two before the function has finished (for example).</p>
