jquery - mouseover と mouseout と div で画像を 1px で区切る

Question

私はdivと関数のマウスオーバーを持っています:

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

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

しかし...#otherdivショーの表紙は、互いに分離され#mydivた5つの画像で構成されています。その後消え1pxたいのですが、点滅します。#otherdivmouseout

どうやってするの？

Answer 1

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

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