jquery - 画像の上にカーソルを合わせるのが速すぎるとグリッチが発生します

Question

ユーザーが別のdivにカーソルを合わせたときにいくつかのdivを表示しようとしていて、fadeInを使用しようとしていて、その速度も与えています。私も別のdivを移動しようとしています。コードは次のとおりです-

 $('#boardpicture2').hover(function() {

    $('#boardpicture3').stop().animate({'margin-left': '200px'},500 );
        $('#boardpicture6').fadeIn(1000);
}, function() {
     $('#boardpicture3').stop().animate({'margin-left': '0'},1000 ); 
     $('#boardpicture6').fadeOut(500);
});

しかし、今、div にすばやくカーソルを合わせようとすると (つまり、fadeIn が完了する前にマウスを div の外に移動すると、boardpicture6 が消えて戻ってきてからフェードアウトします。フェードインが完全に完了したかどうかを確認してから、フェードアウト関数を呼び出す方法。

どんな助けでも大歓迎です