javascript if else statement
<p>i'm trying to make images on my site a bigger size if you click on them. <br/>i want to undo the enlarged view if you click on the picture again.</p>

<pre><code>$("img").click(function(){

    var grown = 'false';

    if (grown == 'true') {
        $(this).animate({width: 300, height: 200}, 1000 );
        var grown = 'false';
        console.log(grown);
    }

    else if (grown == 'false') {
        $(this).animate({width: 600, height: 400}, 1000 );
        var grown = 'true';
        console.log(grown);
    }

});
</code></pre>

<p>enlarging works, but the <code>grown</code> variable seems to always be stuck on <code>true</code>, so it won't ever shrink back.
is my logic flawed? any help greatly appreciated!</p>
