jquery - fadeTo() 动画效果后的代码不起作用

Question

我创建了一个菜单jsfiddle 链接 我正在尝试应用 fadeTo() 您在下面看到的代码，但第 4 行不再起作用。如何在不影响悬停元素的情况下应用 fadeTo ，就像我提供的链接中一样？提前致谢。

$(document).ready(function(){
      $("a").hover(function(){
      $("#menubar a").fadeTo(1000, .7);
      $(this).css("color", "#ffffff");    /* doesn't work with fadeTo*/
      }, function(){
        $("#menubar a").fadeTo(1000, 1);
        }); 
    });

Answer 1

您可以使用not()排除当前对象

现场演示

$(document).ready(function () {
    $("a").hover(function () {
        $("#menubar a").not(this).fadeTo(1000, .1);
    }, function () {
        $("#menubar a").not(this).fadeTo(1000, .7);
    });
});