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

Question

我有一个点击功能，可以为一系列 div 的宽度设置动画并添加隐藏的。那个小提琴在这里。

我想要的是让该函数做它正在做的事情，但也再次调整现有 div 的大小，以便更适合所有 div 10px 宽，让我能够在包装器中拥有尽可能多的东西。

所以我会单击“加号”触发器添加 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);
});