使用jQuery更改图像src onClick

Question

我在我的网站上使用此HTML: <a href="#1" id="slick-toggle"><img src="img1.jpg"/></a>

当我点击此链接时,我想将图像src更改为img2.jpg.并img1.jpg在再次点击时恢复原状,依此类推.有人可以解释我是如何使用jQuery做到这一点的吗？

这是我现有的jQuery,如果这有帮助:

$(document).ready(function() {     
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });
});

非常感谢任何指针:-)

Answer 1

$(document).ready(function() {     
  $('#slick-toggle').click(function() {
    $('img', this).attr('src', function(i, oldSrc) {
        return oldSrc == 'img1.jpg' ? 'img2.jpg' : 'img1.jpg';
    });
    $('#slickbox').toggle(400);
    return false;
  });
});