单击时切换图像大小

Question

单击图像时如何切换图像尺寸？这是我现在的代码，当点击图像时，它变得更大，但它只是保持这种状态。如何让它从原始大小来回切换到600px？

$("img").click(function() {
$(this).css({height: "600px", width: "600px"});
});

Answer 1

$("img").click(function() {
   $(this).toggleClass("bigger");
});

在你的CSS中

添加这个

img .bigger {
    height: 600px;
    width: 600px;
}

Answer 2

改为使用.toggleClass()：

$("img").click(function() {
    $(this).toggleClass("test");    
});

CSS

.test {
    height: 600px;
    width: 600px;
}

http://jsfiddle.net/V4u8K/