Javascript 如何在第二次单击时从元素中删除类

我试图在单击一个按钮时切换内容信息块，当我单击另一个按钮时，这种切换会起作用，但当我单击同一个按钮时，我希望隐藏信息，但它目前没有任何作用

这两个部分由目标属性连接，以便在单击目标按钮时显示正确的内容块

这是我的密码：

HTML:

---

这是因为如果

--open

类存在，removeClass也会从当前按钮中删除

然后，toggleClass将始终仅充当addClass

尝试更改为：

 $('.product-toggle-button--open').not(this).removeClass('product-toggle-button--open');
                                  // ^^ exclude current button

$('.product-toggle-button').click(function(e) {
    $('.product-toggle-button--open').removeClass('product-toggle-button--open');
    $(this).toggleClass('product-toggle-button--open');
    $('.cce-equipment-info').hide();
    $('#cce-equipment-info'+$(this).attr('target')).show();
});

 $('.product-toggle-button--open').not(this).removeClass('product-toggle-button--open');
                                  // ^^ exclude current button