在悬停时显示非嵌套div并在延迟后隐藏

时间:2015-06-02 04:18:35

标签: jquery mouseover show-hide

当div#1被鼠标悬停时,我试图显示div#2。如果div#2没有在短时间内(例如3秒)被moused-over,那么它就会隐藏。我有代码半工作但它的行为真的很多。有时它根本不隐藏,我无法弄清楚如何在它再次隐藏之前调整时间。

jQuery

http://jsfiddle.net/t0hj0r52/

编辑:如果将来有人需要它。我已经修复了代码并添加了一些代码以保持div被打开后保持打开状态。之前,如果你在div#1上徘徊并且意外地在导航离开div#2时,div#2会立即消失。

http://jsfiddle.net/t0hj0r52/2/

1 个答案:

答案 0 :(得分:1)

我认为代码很好你只是没有使用你想要隐藏的同一个div类,在你的代码中我看到$(menu).hide并且没有声明菜单var。 改为:

intVal=  setTimeout(function() { $('.email-div').hide(); }, 3000);
相关问题