Как вызвать зависать при наведении курсора мыши на ребенка DIV

Question

У меня есть это:

<div id='hasHover'> 
    <div id='inner-button' style='display:none'>Click</div> 
</div> 

$('#hasHover').hover(function(){ 
    $('inner-button').toggle(); 
}); 

Это прекрасно работает. Однако, когда я перемещаю мышь на кнопку, кнопка исчезает (или очень быстро мигает). Как убедиться, что кнопка остается, когда мышь зависает на div (включая дочерний div)?

Answer 1

$('#hasHover').hover(function(e) { // <-- Create event argument 
    if(e.target.id == "hasHover") { // <-- Check the ID of the div on which event fired 
    $('#inner-button').toggle(); // <-- You missed # here 
    return false; 
    } 
    else { 
    return false; 
    } 
}); 

Answer 2

проверка целевой идентификатор

$('#hasHover').hover(function(e) { 
    if(e.target.id = "hasHover") { 
     $('inner-button').toggle(); 
    return false; 
    }else { 
    return false; 
    } 
});