Jquery-单击按钮时切换类/单击正文时删除类以及具有相同类的其他按钮

我在同一个类中有不同的按钮。每个按钮都有一个“+”和：after。我想在单击某个按钮时显示“-”，并在单击另一个按钮时删除“-”，然后单击窗口的其余部分或再次单击同一个按钮

这就是我到目前为止所做的：

var removeClass = true; 
$(".button").click(function () {
    /* $(".button").removeClass('bclose'); */
    $(this).toggleClass('bclose');
    removeClass = false;
});

$(".button").click(function() {
    removeClass = false;
});

$("html").click(function () {
    if (removeClass) {
        $(".button").removeClass('bclose');
    }
    removeClass = true;
});

如果再次单击窗口或按钮，则“-”bclose类将删除，但如果单击另一个按钮，则“-”不会删除

如果我加上

$(".button").removeClass('bclose');

它可以正常工作，但如果您再次单击同一按钮，则无法正常工作

示例：

您可以这样使用

$(".button").click(function () {
    $(".button").not(this).removeClass('bclose');
    $(this).toggleClass('bclose');

});

您可以这样使用

$(".button").click(function () {
    $(".button").not(this).removeClass('bclose');
    $(this).toggleClass('bclose');

});

---

您可以简化代码：

$(".button").click(function (e) {
    e.stopPropagation();
    $(".button").not(this).removeClass('bclose');
    $(this).toggleClass('bclose');
});


$("body").click(function () {
    $(".button").removeClass('bclose');
});

---

您可以简化代码：

$(".button").click(function (e) {
    e.stopPropagation();
    $(".button").not(this).removeClass('bclose');
    $(this).toggleClass('bclose');
});


$("body").click(function () {
    $(".button").removeClass('bclose');
});

---

您必须删除

bclose

类，然后将该类添加到最近单击的类中。您可以这样做：

$(".button").click(function () {
   $(".button").removeClass('bclose'); 
   $(this).addClass('bclose');


   removeClass = false;
});

---

您必须删除

bclose

类，然后将该类添加到最近单击的类中。您可以这样做：

$(".button").click(function () {
   $(".button").removeClass('bclose'); 
   $(this).addClass('bclose');


   removeClass = false;
});

---

非常好，我总是忘记不+1非常好，我总是忘记不+1他/她还希望它删除已添加的类他/她还希望它删除已添加的类