跳进jQuery宽度动画

Question

我无法弄清楚为什么我的动画会跳跃.有任何想法吗？

http://jsfiddle.net/9F5DK/5/

jQuery(document).ready(function() {

// Animate the single page nav
    jQuery("a#post-nav-next").hover(

          function(){ 

            jQuery("a#post-nav-next span").stop(true, true).animate({width: "toggle", opacity: "toggle"});

        }
    );
});

Answer 1

好吧，我花了一些时间来解决这个问题。通常我不喜欢对原始 html javascript/jquery 进行这么多更改，如果这对您不起作用，那么我深表歉意。这是一个 JSFiddle 可以做你想做的事，我想......

http://jsfiddle.net/LqHwk/1/

此设置的一个好处是您可以添加任意数量的

<div class="post-nav-next">

正如你在包装纸内所希望的那样，它们的工作原理都是一样的

顺便说一句，我强烈推荐使用jquery插件hoverIntent。