Trying to toggle an animation on click
<p>I am trying to expand a box on click, and once it is clicked again, I want to shrink it back to its normal state. this is my current code.</p>

<pre><code>$(".box").click(function() {
    $(this).toggle(function() {
        $(this).animate({
            width: "200px",
            height: "200px"
            }, "slow" );
        }, function () {
        $(this).animate({
            width: "50px",
            height: "50px"
            }, "slow" );
        });
});
</code></pre>

<p>the original size is 50px and i want it to toggle back and forth between 50 px and 200 px. Using this code, when the box is clicked, the box just disappears.  Any suggestions?</p>
