Possible to toggle/animate between two sizes using jQuery?
<p>Basically I have a small div that is initially styled to 60x60.  I have created click event that animates the expansion of the div:</p>

<pre><code>$("#myDiv").click(function () {
    $(this).animate(
    {
        width: "350px",
        height: "300px"
    }, 500);
}
</code></pre>

<p>I would like to reverse this animation if someone clicks the div again.  Is there anyway to toggle between the original size and the expanded size (still using the animate function) with each click?  </p>

<p>I found the toggleClass function but I don't think this will work with animiate.</p>

<p>You can see a basic fiddle here: <a href="http://jsfiddle.net/NS9Qp/" rel="nofollow">http://jsfiddle.net/NS9Qp/</a></p>
