アコーディオン/タブが開いているか閉じているときのスタイリングページ

Question

jellekralt/Responsive-Tabsを使用してタブメニューを構築しています。今、タブが開いているときにページの背景を変更したい、私は新しい背景で 'blurredbg'クラスを作成しました。私は次のコードを使用しましたが、これは各タブで一度しか動作しません、誰かが私を助けることができますか？ありがとう。

$('.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"); 
    } 
}); 

試みた