Need help with jQuery animate
<p>Check out this jsfiddle <a href="http://jsfiddle.net/Y7fEW/" rel="nofollow">http://jsfiddle.net/Y7fEW/</a>. </p>

<p>I'm trying to get the tan div on the left so that when you click it, it slides out, and when you click it again, it slides back in.</p>

<p>Currently when you click it, it slides out, but when you click it again, it slides out again. I followed a tutorial online to get this far, but I can't figure it out.</p>

<pre><code>        $('#social').live('click', function() {
            var $lefty = $(this);
            $lefty.animate({
                marginLeft: parseInt($lefty.css('marginLeft'), 2) == 0 ? 
                $lefty.outerWidth() : 0
            });
        });
</code></pre>
