当使用fadeIn fadeOut作为悬停状态时，如何保持活动的subnav可见

Question

我遇到了一些jquery，我在foverIn和fadeOut上用于子导航的悬停状态。

我失败的地方是，当你在活跃状态上悬停/关闭时，子导航淡出，但我希望它保持可见。

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
});