드롭 다운 메뉴에 문제가 있습니다. jquery

Question

JS 및 Jquery에서 정말 새로 왔으며 slideDown을 사용하여 드롭 다운 메뉴를 만들려고합니다. 그러나 부모에서 마우스를 빠르게 움직일 때 상황이 조금 잘못 될 수 있습니다. 링크. 너희들이 문제를 볼 수 있도록, 단지 "Produtos"부톤 섬에서 빠르게 마우스를 가져

jQuery(document).ready(function($) { 
    $('li.parent').mouseenter(function() { 
    $('.sub').slideDown('fast') 
    }); 

    $('li.parent').mouseleave(function() { 
    $('.sub').slideUp('fast') 
    }); 
}); 

그리고

<li class="parent"> 
    <span>Produtos</span> 
    <ul class="sub"> 
    <div class="sub-bg"> 
     <li> 
      <a href='produtos.php?categoria=9'>Banho</a> 
     </li> 
     <li> 
      <a href='produtos.php?categoria=7'>Cama</a> 
     </li> 
    </div> 
    </ul> 
    </li> 

그리고 here 온라인 웹 사이트입니다 HTML : 여기

코드입니다 ..

고마워! 나는 당신의 문제에 대한 잘못된 생각 아니에요 경우

Answer 1

, 당신은 단지 stop() 것이다 stop the currently-running animation on the matched elements를 사용해야하고 그것을 잘해야한다 :

jQuery(document).ready(function($) { 
    $('li.parent').mouseenter(function() { 
     $('.sub').stop().slideDown('fast') 
    }); 

    $('li.parent').mouseleave(function() { 
     $('.sub').stop().slideUp('fast') 
    }); 
});​ 

데모 :http://jsfiddle.net/vGuHh/