请帮助jquery悬停

Question

我有两个div。说div1和div2。默认情况下，div2是不可见的。

当用户将鼠标悬停在div1上时，我需要显示div2。现在如果div2悬停，那么我需要继续显示这个div2（即使div1不再悬停），否则将div2的可见性重置为隐藏。

如何在悬停时保持div2可见？

Answer 1

你走了：

var overSubmenuFlag = false;
$('#div1').mouseover(function(){
    $('#div2').show();
});
$('#div1').mouseout(function(){
    setTimeout(function(){if(overSubmenuFlag)return;$('#div2').hide();},100);
});
$('#div2').mouseover(function(){
    overSubmenuFlag = true;
});
$('#div2').mouseout(function(){
    overSubmenuFlag = false;
    $('#div2').hide();
});

Answer 2

您可以使用hover为两个div执行此操作。

当鼠标悬停在div1上时显示div2，当鼠标悬停在div2隐藏div2时。

$('#div1').hover(
function() {
 //hoverIn
 $('#div2').show(); 
}, function() {
  //hoverOut
});


$('#div2').hover(
function() {
 //hoverIn

}, function() {
  //hoverOut
  $('#div2').hide();
});