jQuery stop（）搞砸了文本

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
  类型：布尔

  一个布尔值，指示是否也删除排队的动画。默认为false。

     

jumpToEnd
  类型：布尔

  一个布尔值，指示是否立即完成当前动画。默认为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");
    }
  );
});