Mouseover и MouseOut и DIV с изображениями 1px отделенного

Question

У меня есть DIV и функция MouseOver:

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