jquery - jquery动画增长和缩小问题

Question

我已经制作了一个基本的 html 网站，我有两个按钮，一个使 J 查询正方形 ( <div id="ccal" style="background:#2E2EFE;height:150px;width:150px;">) 更大 (id="ccalicon")，另一个按钮 (id="ccalmax") 使其更大。

第一个按钮

$("#ccalicon").click(function(){
  $("#ccal").animate({width:500,height:300},"slow");
});

但是，当我单击第二个按钮时，我希望它使正方形变大，但它会再次增长和缩小（宽度：50，高度：300）！

$("#ccalmax").click(function(){
$("#ccal").animate({width:700,height:700},"slow");
});

任何人都可以对此有所了解，为什么会发生这种情况以及我应该做些什么来阻止它再次缩小？
谢谢，