徘徊在div上的重複動畫

我已閱讀關於此問題的其他問題和答案，但它們不適用於我，也許我錯過了某些內容，或者我的示例稍有不同，我不知道。無論如何，我有一個文本和鏈接裏面的div，我想創建一個新的div當用戶懸停在這第一個div。問題是，當我結束第一個div時，第二個連續淡入淡出，即使我沒有用鼠標離開第一個div。徘徊在div上的重複動畫

下面是HTML代碼：

<div id="content"> 
    <h1>Portfolio</h1> 
     <div id="web"> 
      <p>Web apps</p> 
      <a href="#"> 
       First link 
      </a> 
     </div> 
     <div id="commentweb"> 
      <p>The text that I want to show</p> 
     </div> 
</div>

，這是jQuery的：

$(document).ready(function() { 

$("#web").click(function(){ 
    window.location=$(this).find("a").attr("href"); 
    return false; 
}); 

$("#commentweb").hide(); 

$("#web").hover(
    function() { 
    $(this).children("a").children("img").attr("src","2.png"); 
    $(this).css("background-color","#ecf5fb"); 
    $(this).css('cursor', 'pointer'); 
    $(this).css('border','1px solid #378ac4'); 
    $(this).children("p").css("opacity","1.0"); 
    $('#commentweb').stop(true, true).fadeIn(); 
    }, 
    function() { 
    $(this).children("a").children("img").attr("src","1.png"); 
    $(this).children("p").css("opacity","0.5"); 
    $(this).css("background-color","#e8e3e3"); 
    $(this).css('border','1px solid grey'); 
    $('#commentweb').stop(true, true).fadeOut(); 
    } 
); 
});

我應該怎麼做才能在動畫褪色我在#web和淡入淡出時開始當我離開那個div時沒有閃爍（即不斷fadeIn和fadeOut）？

我已經添加了一個小提示向您展示問題：http://jsfiddle.net/mMB3F/ 它基本上發生在我懸停在文本上時。

來源

2012-08-25 user1301428

哎。你在*那裏得到了很多'$（this）'。爲什麼不'var $ self = $（this）'然後使用'$ self'？並使用'$ self.css（{cursor：'pointer'，border：'...'，...}）'。 –

@JaredFarrish - 或者只是將所有這些方法鏈接到一個選擇器表達式？ – adeneo

謝謝你們，我會鏈接css命令。 – user1301428