jquery - クリック時にjQueryのアニメーションサイズ変更?

Question

Div の 1 つから画像のサイズを変更しようとしていますが、それらはすべてサイズ変更されますが、順序どおりではありません。

彼らが個別にそれを行うようにするにはどうすればよいですか？また、クリックすると画像が元のサイズになる場合、どうすればよいですか？

ここに私の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>