1

サブナビゲーションのホバー状態でfadeInとfadeOutがあるいくつかの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/

4

1 に答える 1

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
});
于 2012-10-31T17:35:00.123 に答える