Starting jQuery width: 'toggle' with a value of zero
<p>I have the following jQuery code:</p>

<pre><code>jQuery(document).ready(function(){
    $('#logo').hover( function() {
      $('#logo span').stop(true, true).animate({
        width: 'toggle'
      }, 1000, function() {
        // Animation complete.
      });
    });
});
</code></pre>

<p>This takes a span within #logo and animates its width. It's perfect, except that I want the  span to start with zero width and then toggle. I could pass the function another function that toggles the width on page load, but I don't want an ugly flicker when the page first loads.</p>

<p>I've tried adding <code>width: 0px;</code> but that completely breaks it.</p>

<p>Here's my jsfiddle: <a href="http://jsfiddle.net/s6WYr/2/" rel="nofollow">http://jsfiddle.net/s6WYr/2/</a></p>

<p>Thanks in advance for your help.</p>
