在悬停时显示子div，将其隐藏在mouseout上，但如果子div悬停则仍然显示

Question

我有一个div，当hovered显示一个子div元素。当鼠标没有悬停父div时，孩子会消失。如果鼠标离开父div但直接徘徊在子元素上，我怎样才能使孩子不会消失？

$('.parentelement li ').hover(function(){

    $(this).find('.childelement').fadeIn();

}, function() {
   $(this).find('.childelement').fadeOut();
});

谢谢你们。

Answer 1

尝试使用mouseenter和mouseleave

$('.parentelement li ').mouseenter(function () {
    $(this).find('.childelement').fadeIn();
}).mouseleave(function () {
    $(this).find('.childelement').fadeOut();
});

Answer 2

试试这个：

$('.parentelement li, .childelement ').hover(function(){
      $(this).find('.childelement').fadeIn();}, 
function() {
      $(this).find('.childelement').fadeOut();
});