我想在导航栏中添加一个类，然后当我再次单击时我想将其删除答案

【问题标题】：I want to add a class to my navbar and then when I click again I want to remove it我想在导航栏中添加一个类，然后当我再次单击时我想将其删除
【发布时间】：2020-10-01 11:13:16
【问题描述】：

$(document).ready(function(){

    $(window).scroll(function(){

        if($(document).scrollTop()>50){
            $("nav").addClass("fundal")
        }
        else{
            $("nav").removeClass("fundal")
        }

    });
});

我不想在滚动时添加“fundal”，而是想添加类并在单击时将其删除，如下所示：

$(".navbar-toggler").click(function () {
    $("nav").addClass("fundal");
    })

但是当我再次点击时我想删除它

【问题讨论】：

使用 toggleClass 代替 addClass
请edit 您的问题包含minimal reproducible example，向我们展示您遇到的问题。 toggleClass 听起来像是合适的功能，但如果没有看到您的代码的工作示例，我们无法提供更多帮助以使其正常工作。

标签： javascript html jquery css twitter-bootstrap

【解决方案1】：

使用 JQuery 的toggleClass() 方法：

$(".navbar-toggler").click(function () {
    $("nav").toggleClass("fundal");
})

【讨论】：

我已经尝试过这种方法，但是当我删除它时会出现问题，我想尝试一个 if 函数，每次单击触发器时我都会添加和删除类