Question

我想创建一个鼠标悬停下拉导航（也适用于移动/ ipad上的点击）并且有问题，菜单本身就是一个完全不同的div。所以不是那个元素的孩子。

 jQuery('.top-menu').on("mouseover",function(){ 
            jQuery(".top-menu-dropdown").stop().slideToggle(200,'easeOutCubic');  
   });

触发菜单向下滑动的div是.top-menu曾经悬停但是我有一个问题，我必须将顶级菜单下拉类添加到它，以便它一旦关闭就关闭用户退出菜单。如何在光标离开时立即添加菜单未关闭的短暂延迟？（再次输入时停止计时器）

Answer 1

我会使用jquery hover函数更多地编写它，它具有内置鼠标和鼠标输出，如下所示。

jQuery('.top-menu').hover(
  // Mouseover
  function(){ jQuery(".top-menu-dropdown").stop().slideDown(200,'easeOutCubic'); },
  // Mouseout
  function(){ jQuery(".top-menu-dropdown").stop().slideUp(200,'easeOutCubic'); }
);

Replcace的滑动和滑动，无论您想要什么方向：）

jQuery Dropdown Mouseover两个不同的元素

1 个答案: