褪色懸停的孩子，然後淡出兒童模糊

Question

我確定這已被問，但我沒有找到它。

我有li項目作爲子菜單div的父母。

在父母li hover上，子div顯示。但是，當我模糊父母，孩子div隱藏。

我怎樣才能讓它的子div將保持可見，只要鼠標光標在子div上，一旦光標離開div，div將隱藏。

到目前爲止我的代碼如下：

$(document).ready(function(){ 
    $(".menuSection").hover(function(){ 
     $(this).children(".subMenuWrap").fadeIn(100); 
    }); 
    $(".subMenuWrap").blur(function(){ 
     $(this).fadeOut(100); 
    }); 
}); 

截至目前，該淡入正常工作，他們只是不上模糊dissapear。 任何幫助表示讚賞！

Answer 1

懸停和模糊指的是不同的事情。懸停是指鼠標的位置（mouseenter，mouseleave），blur表示丟失的元素focus。你可以給hover兩種功能，當用戶將鼠標移動到該地區的第一個會被運行，第二個將運行當鼠標離開：

$(document).ready(function(){ 
    $(".menuSection").hover(function(){ 
     $(this).children(".subMenuWrap").fadeIn(100); 
    },function(){ 
     $(this).children(".subMenuWrap").fadeOut(100); 
    }); 
});