title: Drop down menu repeating its animation several times
body: <p>I have a JQuery drop down menu which has animated when we hover the menu, the problem is little difficult to explain. Its been continued animation when we hover the top menu several times, you can see that by move your cursor to 'Our Services', 'Locations' menu continuously around 10, 15 times.</p>
  
  <p>Here is the JSfiddle you can check.. <a href="http://jsfiddle.net/bKxXZ/13/" rel="nofollow">http://jsfiddle.net/bKxXZ/13/</a></p>
  
  <p>the JQuery code is given below (earlier the code was suggested one of my stack friend gilly3)</p>
  
  <pre><code>$(function() {
      $("ul.topnav li:has(.subnav)").hover(function() {
          $("ul.subnav", this).slideDown('fast').show();
      }, function() {
          $("ul.subnav", this).slideUp('slow');
      });
  });
  </code></pre>