jquery - 使用fadeIn fadeOut 进行悬停状态时如何保持活动子导航可见

Question

我被困在一些 jquery 上，我在子导航的悬停状态上有淡入和淡出。

我的不足之处是，一旦您将鼠标悬停在活动状态上/下，子导航就会淡出，但我希望它保持可见。

jQuery：

$("ul#main-nav li").hover(function() { //Hover over event on list item
$(this).find("span").fadeIn("slow"); //Show the subnav
    } , function() { //on hover out...
$(this).find("span").fadeOut("slow"); //Hide the subnav

我在 JF 上有我的代码：

http://jsfiddle.net/ByteMyPixel/g8W5Y/

Answer 1

如果它是活动项，则退出淡出：

$("ul#main-nav li").hover(function() { //Hover over event on list item
    $(this).find("span").fadeIn("slow"); //Show the subnav
}, function() { //on hover out...
    if($(this).hasClass('active')) {
          return;   
    }
    $(this).find("span").fadeOut("slow"); //Hide the subnav
});