Javascript 在jQuery中使用相同的函数多次调整div的大小

我有一个单击功能，可以为一系列div的宽度设置动画，并添加隐藏的div。那把小提琴很好

我想要的是让这个函数做它正在做的事情，但也重新调整现有div的大小，以便更适合所有的方式，让divs 10px宽，让我能够在包装器中拥有尽可能多的div

所以我会点击“加号”触发器添加5个额外的div，它们的大小调整为30px，然后再次点击添加5个，它们的大小调整为15px，依此类推，直到10px

jQuery在这里：

$(".plus").click(function(){
  $(".box").animate({ width: 20 }, 500 );
  $(".box2").fadeIn(500);
});

$(".minus").click(function(){
  $(".box").animate({ width: 60 }, 500 );
  $(".box2").fadeOut(500);
});

---

是否有可以添加的最大div数？你知道提前有多少个div吗？@ExplosionPills不，我不知道，可能是10个，可能是20个，这就是为什么我想关注的是大小而不是数量。