s'il vous plaît aider onjquery hover

Question

J'ai deux divs. Dites div1 et div2. Par défaut, div2 est invisible.

Lorsque l'utilisateur survole div1, j'ai besoin d'afficher div2. Maintenant, si le div2 est plané, alors je dois continuer à afficher cette div2 (même si div1 n'est plus plané), sinon réinitialiser la visibilité de div2 à caché.

Comment conserver div2 visible pendant le survol?

Answer 1

Ici, vous allez:

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

Vous pouvez le faire en utilisant hover pour les deux divs.

Lorsque planant au-dessus div1 montrent div2, en vol stationnaire hors div2 cacher div2.

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


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

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