I just don't get how toggles work...

I just don't get how toggles work...

Hello all

I've just recently dove into jQuery with very little experience in anything. I'm learning a lot quickly but I don't see to understand any of the toggle examples I see

Here's simple code I'm using to move an image and resize it based on a click event:


$(document).ready(function(){
    var oWidth = $('img.resize').width();
    var oHeight = $('img.resize').height();
   
    $('img.resize').click(function(){
       
            $(this)
                      
            .animate({

                width: (oWidth * 3) +'px',
                height: (oHeight * 3) +'px',
                "left" : "300px" },500)
                               
            });
  });














How in the world do I set this up to be toggled? As as, the user can click on the manipulated image and return it to its original size/position. And continue to cycle through.

Thanks,
Adam