jQuery - 懸停彈出直到鼠標移出

Question

我正在研究這個JS Bin和一切工作正常，除非我想讓這個彈出式菜單（從懸停1秒後出現）留在，直到mouseout因此用戶可以懸停在列表上。

我該怎麼做？

Answer 1

試試這個，

$("Id").hover(function(){$("#popId").fadeOut(1000);$("#popId").fadeIn(500);});

Answer 2

嘗試

$(function() { 
    var $popup = $('.popup'); 

    $popup.hover(function() { 
     clearTimeout($popup.data('outTimeout')) 
    }, function() { 
     $(this).finish().fadeOut(); 
    }) 

    $('.input-block-level').hover(function() { 
     var target = $(this).attr('id'); 
     clearTimeout($popup.data('outTimeout')) 
     var timeout = setTimeout(function() { 
      $popup.fadeIn().insertAfter('#' + target); 
     }, 1000); 
     $popup.data('inTimeout', timeout) 
    }, function() { 
     clearTimeout($popup.data('inTimeout')) 
     var timeout = setTimeout(function() { 
      $popup.stop(true).fadeOut(); 
     }, 300); 
     $popup.data('outTimeout', timeout) 
    }); 

}(jQuery)); 

演示：JSBIN