我已经设置了我所追求的功能,但是当图像具有基于百分比的宽度时,我无法弄清楚如何获得相同的结果。
$('img').click(function() {
var toggleWidth = $(this).width() == 350 ? '700px' : '350px';
$('img').animate({ width: '350px' });
$(this).animate({ width: toggleWidth });
});
如您所见,当单击图像时,它的宽度会加倍。再次单击它时,它会恢复到正常大小。然而,这里的关键是,如果单击一个图像,然后单击另一个图像,则第一个图像会在第二个图像增加之前恢复到正常大小。
基本上,我正在寻找这个确切的功能,但我希望图像在 50% 和 100% 宽度之间切换。