jquery - jQuery toggleClass - 回到正常课堂？

Question

因此，当按下 div 时，我必须toggleClass更改某些 div 的类（它会更改背景）。当按下另一个 div 时，我需要将 bg 恢复正常，然后关闭".subtitle"，并切换您按下的新 div。

现在，关闭和打开功能工作正常，但背景没有改变。

标准类是.title，我也有一个.title.close只包含其他背景的。

我可以在这里得到一些帮助吗？

CSS: 
.title: contains the normal bg
.title.open: contains the "open" bg
.title.close: contains the bg of title(the normal bg)

jQuery
$(document).ready(function()
{
    $(".title").click(function()
    {
        var $element = $(this);

        //What I've tried
        $('open').toggleClass('');
        $('.subtitle').hide(500);

//This is changing the bg, and show the ".subtitle" you've pressed
        $element.toggleClass('open');
        $element.children('.subtitle').toggle(500);
    });
});

Answer 1

当您不想切换，但特别想添加或删除一个类而不考虑当前状态时，您可以使用.addClass()甚至.removeClass()清除所有类。一些例子：

// remove the "open" class from a particular element
$element.removeClass("open");

// remove the "open" class from all elements that have it
$(".open").removeClass("open");