jquery - 如何淡出悬停链接的邻居？

Question

如果我不是第一次问这个问题，我很抱歉......

我希望如果我将鼠标悬停在一个 a 元素上，它的邻居会变成灰色或稍微淡出一点。这是我的jsfiddle

<ul id="nav">
    <li><a href="">Start</a></li>
    <li><a href="">Produktion</a></li>
    <li><a href="">Galerie</a></li>
    <li><a href="">Support</a></li>
    <li><a href="">Kontakt</a></li>
    <li><a href="">Bestellen</a></li>
</ul>

$("#nav > li > a").hover(function(){
    $(this).parent().nextAll("li").css("color", "gray");
});

如果你能帮助我，我将非常感激(并且对糟糕的英语感到抱歉)!

Answer 1

您可以使用 .toggleClass() 在未悬停的链接上切换类。

$("#nav > li > a").hover(function(){
  $('#nav > li > a').not(this).toggleClass('toggle');
});

这是一个工作 fiddle供引用