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