title: Jumping in jQuery width animation
body: <p>I'm having trouble working out why my animation is jumping. Any ideas?</p>
  
  <p><a href="http://jsfiddle.net/9F5DK/5/" rel="nofollow">http://jsfiddle.net/9F5DK/5/</a></p>
  
  <pre><code>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"});
  
          }
      );
  });
  </code></pre>