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