鼠標懸停及移出和分度，圖像1px的分離

Question

我的div和功能鼠標懸停：

$('#mydiv').mouseover(function(){ 
    $('#otherdiv').show('slow'); 
}); 

$('#otherdiv').mouseout(function(){ 
    $('#otherdiv').hide('slow'); 
}); 

...但是... #otherdiv展出蓋板#mydiv，由5個圖像1px彼此分開的。我希望#otherdiv在mouseout後消失，但我閃爍。

怎麼辦？

Answer 1

$('#mydiv').hover(function(){ 
    $('#otherdiv').stop().show('slow'); 
}, function(){ 
    $('#otherdiv').stop().hide('slow'); 
}); 

demo jsBin
http://api.jquery.com/hover
http://api.jquery.com/stop

Answer 2

與stop試試：

$('#mydiv').mouseover(function(){ 
    $('#otherdiv').stop().show('slow'); 
}); 

$('#otherdiv').mouseout(function(){ 
    $('#otherdiv').stop().hide('slow'); 
});