单击时使用jquery更改图像的css属性

| 因此，我是整个JavaScript的初学者，这可能是一个真正的初学者问题。我一直在寻找答案，甚至尝试为一些基本的手风琴修改源代码，但是它永远都行不通。 基本上，我想编写一个函数，当您单击缩略图时，图像会展开。我已经把那部分放下来了，我不知道怎么办，当您单击另一张图像时，当新单击的图像展开时，第一张图像又变为缩略图。我希望它具有动画效果，但是我对基本功能很满意，也许我可以自己确定如何对其进行动画处理。我的图片库在一个无序列表中，每个图片都设置为一个列表项，我正在尝试使用jquery来做到这一点。 提前致谢！！ 单击后，这就是我正在制作的具有更大图像的图像：

$(\'ul#live li img\').click(function() {
    $(this).animate({
        \'width\': \'515px\',
        \'height\':\'100%\' 
    });
});

我的CSS： ul＃live li img { 宽度：120px; 高度：72px； } 而已。 现在，我想要的是能够单击另一张图像并单击第一张图像，以使其返回原始的120px宽度。而已。我并不想将其从流程或任何类型的灯箱中删除。我做的方式可能不是最好的方式，我只是在学习和尝试。希望这能清除一切。