JQuery - Проблемы с форматированием с использованием JQuery

Question

Я участвую в процессе обучения JQ, и я создал div, который при зависании открывается и когда курсор покидает открытый div, закрывается.

Что все работает идеально, но это моя проблема ...

, когда курсор проходит над DIV быстро ДИВ выкрутасы и открывается и закрывается несколько раз очень быстро.

Любые советы были бы весьма полезными.

Энди

script type="text/javascript" 
$(document).ready(function(){ 
$(".tagShow").hover(function(){ 
    $(".panel").show("fast"); 
},function(){ 
    $(".panel").hide("fast");   
}); 

}); 

</script> 
<div class="tagShow"> 
<div class="panel"> 
<?= $tagCloud ?> 
    </div> 

<p class="flip">Select Category 
<span class="sCategory"></span></p> 
</div> 

CSS:

div.panel,p.flip 
{ 
    margin:0px; 
    padding:5px; 
    text-align:center; 
    background-color: #edf7f9; 
    border:1px solid #24b4e0; 
    position: absolute; 
    z-index: 2; 


    } 

    div.panel 
    { 
    padding: 50px; 
    height:140px; 
    display:none; 
    width: 778px; 
    } 

Answer 1

Есть много дубликатов этого вопроса. Решение состоит в использовании stop().

Попробуйте с stop(1, 1)

Answer 2

Вы также можете проверить, что элемент не анимированный перед показом и скрытие с помощью селектора :animated.

Также ознакомьтесь с плагином jQuery hoverIntent.