jQueryのアニメーション機能

Question

おはようございます、

私はdivをプレビューdivにハイライト表示する機能を持つjQueryオーバーで作業しています。

URLの：

<a class="hoverlogo" href="/cms-logo-'.$row['id'].'">Logo</a> 
<div id="preview-logo"></div> 

のjQuery以下：

$("a.hoverlogo").hover(
function() { 
    $("#preview-logo").animate({backgroundColor: '#cccccc'}); 
}, 
function() { 
    $("#preview-logo").animate({backgroundColor: '#fff'}); 
}); 

しかし、私は文句を言わないの強調表示を停止マウスオーバー数回アニメーションをやり続けます。 どうすればhrefのURLにいなくてもアニメーションを止めることができますか？

ありがとうございます。

- マッチした要素上で現在実行中のアニメーションを停止http://jsfiddle.net/Z8FsU/1

$("a.hoverlogo").hover(
    function() { 
     $("#preview-logo").stop() 
          .animate({ 
      backgroundColor: '#cccccc' 
     }); 
    }, function() { 
     $("#preview-logo").stop() 
          .animate({ 
      backgroundColor: '#fff' 
     }); 
    } 
); 

は.stop（）：

Answer 1

このあってもよいです。