Question

I have a enlarge image from thumb to large by ajax using click.

they using the same html elements just replace the img src
for example:

src="image_thumb.jpg"

switch to

src="image_large.jpg"

My question is, how to switch back to the thumb image when the user clicks again.

Answer 1

Since toggle is deprecated in 1.8 and removed in 1.9, you should do this

$('img').on('click', function(){
  var $this = $(this);
  if ($this.data('originalSrc')){
    $this.prop('src', $this.data('originalSrc'));
    $.removeData(this, 'originalSrc');
  } else {
    $this.data('originalSrc', $this.attr('src'));
    $this.prop('src', 'image_large.jpg');
  }
});

DEMO http://jsfiddle.net/PSFeJ/