私は基本的なhtml Webサイトを作成しました。ボタン2つのボタン1つはJクエリの正方形（<div id="ccal" style="background:#2E2EFE;height:150px;width:150px;">）を大きくし（id = "ccalcon"）、もう1つのボタン（id = "ccalmax"）でさらに大きくします。
第1ボタン
$("#ccalicon").click(function(){
$("#ccal").animate({width:500,height:300},"slow");
});
ただし、2番目のボタンをクリックすると、正方形を大きくしたいのですが、拡大して縮小します（幅：50、高さ：300）。
$("#ccalmax").click(function(){
$("#ccal").animate({width:700,height:700},"slow");
});
誰かがこれに光を当てることができますか?なぜこれが起こっているのか、そしてそれが再び縮小するのを防ぐために何をすべきですか?
ありがとう、