HoverIntent或延遲在下拉麪板

Question

我得到了一些此前的幫助，但我現在需要在按鈕上添加一個延遲時，您將鼠標懸停在它，以便它不會滑動時，用戶劃過他的鼠標該網頁。

我有一個例子回事jsfiddle

我不是專家，因爲這讓我任何幫助，將不勝感激。

Answer 1

試試這個：

$(".btn-slide").on('mouseover', function(e) { 
      switch(e.type) { 
       case 'mouseover': 
        $("#panel").delay(900).slideDown("slow"); 
        break; 
        } 
      return false; 
     });  

     $(".close-slide").on('click', function(e) { 
      switch(e.type) { 
       case 'click': 
        $("#panel").slideUp("slow"); 
        break; 
        } 
      return false; 
     }); 

你可以改變 '900' 來爲你工作什麼。

您還可以使用hoverintent插件： http://cherne.net/brian/resources/jquery.hoverIntent.html