fadeTo（）动画效果后的代码不起作用

Question

我创建了一个菜单jsfiddle link 我正在尝试将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()排除当前对象

<强> Live Demo

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