jQuery动画单击调整大小？

我试图从我的一个div中调整图像的大小，但它们最终都会调整大小，但不符合顺序

我怎样才能确保他们单独做这件事？另外，当点击图片将变为原始大小时，我该如何做

这是我的HTML：

<img class="i1" border="0" src="Main Picture Gallery/1.JPG" alt="Edge Hill near lake" width="204" height="153" />
<img class="i2" border="0" src="Main Picture Gallery/2.JPG" alt="Edge hill libary" width="204" height="153" />

以下是我的jQuery：

<script src="jquery.js"> </script>
<script>    
$(document).click(function() {
    $(".i1, .i2").animate({height:'612'})
    $(".i1, .i2").animate({width:'816'})
});         
</script>

$（文档）。单击（函数（）{
$（.i1.i2”）.animate（{height:'612}）
$（.i1.i2”）.animate（{width:'816}）
});         

很少有东西

首先，您要将

单击
附加到
文档
，它应该是
$（“.il，.i2”）。单击

接下来，为了单独设置动画，请使用
animate
的回调函数，确保其中一个在另一个开始之前完成

试试这个：

$(".i1, .i2").click(function() {
    $(".i1").animate({height:'612', width: '816'}, 1000, function () {
        $(".i2").animate({height:'612', width: '816'});
    });
});

事情很少

首先，您要将
单击
附加到
文档
，它应该是
$（“.il，.i2”）。单击

接下来，为了单独设置动画，请使用
animate
的回调函数，确保其中一个在另一个开始之前完成

试试这个：

$(".i1, .i2").click(function() {
    $(".i1").animate({height:'612', width: '816'}, 1000, function () {
        $(".i2").animate({height:'612', width: '816'});
    });
});

$（函数（）{
$（.i1.i2”）。在（'click'，function（）上{
var h=$（this.height（）；
$（此）。设置动画({
高度：（h<600？612:153），
宽度：（h<600？816:204）
});
});
});

$（函数（）{
$（.i1.i2”）。在（'click'，function（）上{
var h=$（this.height（）；
$（此）。设置动画({
高度：（h<600？612:153），
宽度：（h<600？816:204）
});
});
});

在每个宽度或高度值旁边添加“px”，您正在将事件处理程序附加到文档中，并使用这些类更改所有元素，因此不会有任何意外情况？我请求帮助，如果您无法帮助，请别管它：）这是帮助！文档是“一切”，因此单击任意位置都将使用类i1和i2等设置所有元素的动画。您单独指的是什么？现在问题出在哪里？在每个宽度或高度值旁边添加“px”您正在将事件处理程序附加到文档中，并使用这些类更改所有元素，因此没有什么意外？我请求帮助，如果您无法帮助，请别管它：）这是帮助！文档是“一切”，因此单击任意位置都将使用类i1和i2等设置所有元素的动画。您单独指的是什么？现在问题出在哪里了？很好的反向叫喊，但我认为OP希望他们两个都有活力，一个接一个？这是正确的答案。非常感谢你，伙计。马特，他说得很对，如果我的解释不是很好，很抱歉。@JushOv-如果这是你想要的，请随意接受！很好的反向叫喊，但我认为OP希望他们两个都有活力，一个接一个？这是正确的答案。非常感谢你，伙计。马特，他说得很对，如果我的解释不是很好，很抱歉。@JushOv-如果这是你想要的，请随意接受！将
$（“.il，.i2”）
更改为
$（“.i1，.i2”）
，如果他想一次点击就同时运行这两个命令，这很好。@Biotox完成，谢谢：）。奇怪的是，JSFIDLE显示的
1
和
l
是一样的。我认为区别在于
l
上的脚。一开始我也很困惑。将
$（“.il，.i2”）
更改为
$（“.i1，.i2”）
，如果他想一次点击就运行这两个，那就好了。@Biotox完成，谢谢：）。奇怪的是，JSFIDLE显示的
1
和
l
是一样的。我认为区别在于
l
上的脚。一开始我也很困惑。