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