手风琴/标签打开或关闭时的样式页面

Question

我正在使用jellekralt/Responsive-Tabs构建标签菜单。现在我想在选项卡打开时更改页面背景，我创建了类＆blurdg＆＃39;有了新的背景。我使用了以下代码，但每个标签只能运行一次，有人可以帮助我吗？感谢。

$('.r-tabs-tab').on('click', function() {
$("body").addClass("blurredbg");
// IF TABS = ACTIVE
$('.r-tabs-state-active').on('click' , function() {
// IF ACTIVE IS CLOSED
if ( ! $('.r-tabs-tab').hasClass('.r-tabs-state-active')) {
        $("body").removeClass("blurredbg");
        }
    });
});

Answer 1

试试这个：

$('.r-tabs-tab').on('click', function() {
    $(document.body).addClass("blurredbg");
    // IF ACTIVE IS CLOSED
    if ( ! $(this).hasClass('r-tabs-state-active')) {
        $(document.body).removeClass("blurredbg");
    }
});