非常に高速のjQueryホバーiteractionsリセット

Question

私は<div>の内容を交換するために次のコードを使用しています。間違ったものを表示するボックスのmouseinとmouseoutの動作を除いて、正しく機能します。クラス名が "flipped"の場合、displayはnoneに設定されます。状態をチェックすべきかどうか、この動作を防ぐためにsetTimeout（）または別のメソッドを使用しますか？

HTML

<div class="videobox"> 
     <div class="unflipped"> 
      <img src="videoprop.jpg"> 
      <div class="desc_over">This is a description! Video Contains This!</div> 
     </div> 
     <div class="flipped">This what displays when flipped 1!</div> 
    </div> 

jQueryの

$(".videobox").hover(function(){ 
      $(this).children(".unflipped:first").fadeOut("fast",function(){ 
       $(this).next(".flipped:first").fadeIn("fast"); 
      });   
     },function(){   
      $(this).children(".flipped:first").fadeOut("fast",function(){ 
       $(this).prev(".unflipped").fadeIn("fast"); 
      }); 
     }); 

Answer 1

それらを分離してみてください。提案のための

$('.videobox').find('.unflipped').mouseenter(function() { 
    $(this).fadeOut("fast", function() { 
     $(this).next(".flipped").fadeIn("fast"); 
    }); 
}); 
$('.videobox').find('.flipped').mouseleave(function() { 
    $(this).fadeOut("fast", function() { 
     $(this).prev(".unflipped").fadeIn("fast"); 
    }); 
});