jquery zoom in and zoom out on clicking an image
<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>
