jQuery toggleClass - 回到正常的类?

时间:2013-03-07 09:07:42

标签: jquery css show-hide toggleclass

因此,当按下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);
    });
});

1 个答案:

答案 0 :(得分:3)

如果您不想切换,但特别想要添加或删除类而不管当前状态如何,您可以使用.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");