JQueryを必要とする.hover（）が固定されてループが停止する

Question

JQueryのホバーを使用すると問題が発生します。これは私がやりたいことだと思う、私はdivをマウスオーバーして背景画像を隠し、新しいdivを表示することができるようにしたい（私は絶対に表示されたいので、問題はない。私はdiv要素を非表示にするには得ることができるが、whenmouseleve、それを取り戻すために得ることができない、ここで私は、誰かがこのような状況で私を助けることができる

$('.div_to_hide').hover(function() { 
    var $this = $(this); 
    $this.stop().fadeTo('slow', 0.5, function(){ 
     $('.div_to_appear').fadeIn('slow'); 
    }); 
}, function(){ 
    var $this = $(this); 
    $this.stop().fadeTo('slow', 1.0, function(){ 
     $('.div_to_appear').fadeOut('fast'); 
    }); 
}); 

希望を持っているコードです。これは、イベントループを作成し、mouseLeaveイベントをトリガし、私の中と外絶えず行く:(

Answer 1

あなたはおそらく隠れDIVの上に敷設されて表示されているDIVに使用されるように

おかげであなたの助けをapreciateループを作り続けますあなたが実際に隠しているDIVの代わりに、親要素にホバーイベントを追加してみてください。