title: jquery zoom in and zoom out on clicking an image
body: <p>I have an image which has to behave the following way:
  When a user clicks on it the first time it the image should zoom-in and when clicked on the image again it should zoom-out. </p>
  
  <p>Please help in figuring out how the two actions be performed by clicking on the image using jquery? Below is the code I have written for zooming in the image.</p>
  
  <pre><code>$('.tab1').click(function()
         {
             $(".GraphHolder").hide("slow");
             $("#top-button-container").hide("slow");
             $(".print").append('&lt;button type="button"&gt;PRINT&lt;/button&gt;');
            $(this).animate({width: "70%"}, 'slow');
         });
  </code></pre>