title: jQuery Help for Simple Problem
body: <p>I wrote a custom dropdown menu, the issue is that if you hover over it to quick it starts going up and down frantically. Here is an example: <a href="http://www.norrispenrose.com/" rel="nofollow">http://www.norrispenrose.com/</a></p>
  
  <p>Here is my jQuery Code:</p>
  
  <pre><code>jQuery(document).ready(function(){ // menu system
        jQuery('#mainMenu li').hover(function() {
                jQuery(this).corner('5px');
            });
  
        jQuery('#mainMenu li').hover(function() {
           if(jQuery(this).children().is('ul'))
            {
                jQuery(this).uncorner();
                jQuery(this).corner('top 5px');
                jQuery('ul', this).slideDown('fast');
                jQuery('ul', this).uncorner();
                jQuery('ul', this).corner('tr br bl 5px');
                jQuery(this).addClass('dropHover');
            }
            else
            {
        //Do nothing
        }
  
        }, function() {
            jQuery('ul', this).slideUp('fast');
            jQuery(this).delay(200).queue(function () {
                jQuery(this).removeClass('dropHover');
                jQuery(this).dequeue();
            });
            jQuery(this).uncorner();
  
        }); 
    });
  </code></pre>
  
  <p>Any help would be appreciated!</p>