Sliding Tab jumping about jQuery
<p>Ive built a little jquery sliding div on my website that when you hover over the tab, the div slides in from the right, and on the mouse leave event, the div slides back out of view. The problem im having however is if you very quickly move your mouse over the tab then off, then over and keep repeating this the div slides in and out repeatedly; Is there anyway I can stop this?</p>

<p>Thanks</p>

<pre><code>$('.pillars-wrapper').mouseenter(function() {
$('.handle').fadeOut();
    $('.tab-wrapper').animate({
    right: '+=175'
})
});

$('.pillars-wrapper').mouseleave(function() {
$('.tab-wrapper').animate({    
    right: '-=175'
});
$('.handle').fadeIn()
});
</code></pre>

<p>Heres a fiddle...</p>

<p><a href="http://jsfiddle.net/FXAcP/" rel="nofollow">http://jsfiddle.net/FXAcP/</a></p>
