如何檢查jQuery中的懸停狀態？

Question

$('#shfaq_foto_prof').hover(
    function() { 
     if ($('#shfaq_foto_prof').is(':hover')) { 
    $('#show_upload').fadeIn(500); 
     } else { 
      $('#show_upload').fadeOut(500); 
      } 
}); 

如何在jQuery中檢查懸停狀態並僅在div「#shfaq_foto_prof」懸停時顯示div'#show_upload'，並在不懸停時隱藏。

Answer 1

$('#shfaq_foto_prof').hover(

    function() { 

    $('#show_upload').fadeIn(500); 

    }, function(){ 

    $('#show_upload').fadeOut(500); 

}); 

文檔：http://api.jquery.com/hover/

作爲寫在規格，.hover()支持2個處理程序（inHandler，outHandler）。

Answer 2

$('#shfaq_foto_prof').hover(function() { 
    $('#show_upload').fadeToggle(500); 
}