当手风琴/选项卡打开或关闭时对页面进行样式化

Styling page when accordion/tabs is open or closed

本文关键字：样式 选项 手风琴      更新时间：2023-09-26

我正在使用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");
        }
    });
});

试试这个:

$('.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");
    }
});
相关文章：