鼠标悬停和mouseout和div与图像1px分开

Question

我有div和函数鼠标悬停：

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

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

但是......展示封面上的#otherdiv #mydiv由5张1px图片#otherdiv组成。我希望mouseout在{{1}}之后消失，但我会眨眼。

怎么做？

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');
});