Javascript 切换资源组在100%的时间内不工作

我创建了一个一次只能扩展一个资源组的东西。当另一个开关打开时，另一个开关关闭。然而，这只在95%的情况下有效。当我快速切换它们时，它可能不起作用，两个被打开。有人知道为什么以及如何解决这个问题吗

$(document).on('click','.fc-icon-minus-square:not(.open_now)',function(e){
    if($('.fc-icon-minus-square:not(.open_now)').length > 1){
      $('.fc-icon-minus-square:not(.open_now)').addClass("open_now");
      $('.fc-icon-minus-square').click();
    }
    else{
  $('.fc-icon-minus-square').not(this).addClass("open_now");
  $('.fc-icon-minus-square').not(this).click();
  $(this).removeClass("open_now");
    $('.open_now').click();
$(this).addClass("open_now");
}
})

---

我会尽量简化代码并使用可选的CSS

点击：

• 删除所有open_now类（不检查单击的元素是否具有open_now）
• 将open_now类添加到单击的元素

比如：

$('.fc-icon-minus-square').removeClass("open_now");
$(this).addClass("open_now");

在CSS中，我会选择（可选，如果你不想点击打开的页面）：

---

代码卡在无限循环中，添加的css在我添加它时没有被应用。您是否可以通过以下代码生成解决方案？去掉$（this）.removeClass（“open_now”）并使用$（'.fc icon减号方块'）删除所有这些类的open_now类。removeClass（“open_now”）然后$（this）.addClass（“open_now”）尝试制作一个显示这个无限循环的堆栈片段。

.open_now {
    pointer-events: none;
}