jQuery的停止（）弄亂了文本

Question

例如：http://jsfiddle.net/V4Arr/5/

我的目標是顯示一個文本，一旦你將鼠標懸停在可見的文本。爲了防止動畫建立，我使用了stop（）函數，但它開始弄亂其他元素（並且動畫也是動畫）！你可以看到這個文本後幾次盤旋後的樣子。 任何解決方案？

$(document).ready(
     function() { 
     $("#cont").hover(
      function() { 
       $("#secret").stop().show("slide", "350"); 
      }, 
      function() { 
       $("#secret").stop().hide("slide"); 
      } 
     ); 
     }); 

Answer 1

.stop^[docs]接受兩個參數：

clearQueue
     類型：Boolean
     布爾值，指示是否要刪除排隊動畫以及。默認爲false。

jumpToEnd
     類型：Boolean
     布爾值，指示是否立即完成當前動畫。默認爲false。

用途：

.stop(true, true) 

代替。

Answer 2

$(document).ready(function() { 
    $("#cont").hover(function() { 
     $("#secret").stop(true, true).show("slide", "350"); 
    }, function() { 
     $("#secret").stop(true, true).hide("slide"); 
    } 
); 
});