jQuery- Flickering menubar
<p>I would like to develop a menubar where the tabs expand upwards as soon as a user puts the mouse cursor over a tab. Actually it works quite well, despite there is one problem: If the user puts the mouse-cursor over one tab and then moves it above the tab very fast, the tab starts moving up and down very often and very fast which looks like as if it would flicker.</p>

<p>Here is an example of how I implemented it: <a href="http://jsfiddle.net/enne87/wLGDG/34/" rel="nofollow">http://jsfiddle.net/enne87/wLGDG/34/</a></p>

<p>I hope you know what I mean when I say "Move the cursor over the tab and then upwards". If not, I can show you a video which shows more precisely what i mean.</p>

<p>Btw. here is the javascript-code for the animation:</p>

<pre><code>  $('#primaryMenu ul.menu li:nth-child(1)').hover(
  function () {
      $(this,this).stop(true,true).animate({bottom: '+=55'}, 300, function() {}); 
  },
  function () {
      $(this,this).stop(true,true).animate({bottom: '-=55'}, 300, function() {});
  }
);
</code></pre>

<p>I would be very thankful for help.</p>

<p>Cheers, enne</p>
