title: Animate an image size on click with jQuery
body: <p>Im trying to animate a large image so it changes dimensions, starts at (200x116)px and becomes (400x232)px on click and then would revert back to (200x116)px if clicked again,</p>
  
  <p>Here's a link to the code: <a href="http://jsfiddle.net/edddotcom/FMfC4/1/" rel="nofollow">http://jsfiddle.net/edddotcom/FMfC4/1/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img id="imgtab" src="http://cloudsmaker.com/hipsterwall/img/salto-al-norte.jpg"&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#imgtab {
      position:relative;
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$(document).ready(function () {
      $("#imgtab").toggle(function () { //fired the first time
          $("#imgtab").animate({
              width: "200px"
              height: "116px"
          });
      }, function () { // fired the second time 
          $("#imgtab").animate({
              width: "400px"
              height: "232px"
          });
      });
  });
  </code></pre>
  
  <p>Clicking the image should make it animate from small to large but it doesn't seem to change. Can anyone suggest what to change and tell me what i'm doing wrong?</p>