Passe o mouse durante a função de foco - jQuery

Enquanto meu div está deslizando para baixo ou para cima, se eu mover omouse na mesma div, o efeito de hover acontece uma segunda vez (ou até mais), como eu faço se a função estiver funcionando agora? Não reinicie até eu tirar o mouse e passar novamente? Detalhes

<div id="hover">Hover on me<div id="hidden">You hovered!!</div></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$(document).ready(function () {
$("#hover").show();
$("#hidden").hide();
$("#hover").hover(function () {
$("#hidden").slideDown(100);
}, function () {
$("#hidden").slideUp(100);
});
});​

Respostas:

Você deveria usar o jQuery .stop() (API) Veja o jsfiddle aqui.

O que você quer fazer é mudar sua função de foco ligeiramente.

Adicionar em .stop()

$("#hover").hover(
function () {
$("#hidden").slideDown(100);
}, function () {
$("#hidden").stop().slideUp(100);
}
);