jquery - マウスオーバー時に変更する要素が存在しない

Question

CSS3トランジションを使用しないことで、私は自分自身を少し穴に書き込んでしまいました. 以下のコードを使用すると、アニメーション中に mouseleave イベントがトリガーされ、変更したい要素が存在しないことがあります。

私のオプションはおそらく非常に限られていることを認識しています（チェックマウスオーバーオプションを読みました）が、念のために尋ねる価値があると思いました..

$(".flip_item").mouseenter(function(){
    $(this).find('img:first').stop(true,true).fadeTo(500, 0.5);
    $(this).find('._vis').stop(true,true).fadeTo(500,1);
    }).mouseleave(function(){

    if (!$(this).find('img:first').length || !$(this).find('._vis').length){
    //please let there be an answer that would go here..    
    }

    $(this).find('img:first').stop(true,true).fadeTo(500, 1);
    $(this).find('._vis').stop(true,true).fadeTo(500, 0);    
});

前もって感謝します。