jquery - 在单个链接上切换类？

Question

出于移动导航按钮的目的，我希望单击链接(显示菜单)添加事件类，然后，当您再次单击相同的链接(折叠菜单)时，它会删除该类。

$(function() {  
    $(".nav-mobile").click(function () {
        $(".nav-mobile").removeClass("active");
        $(this).addClass("active");
    });
});

这会在单击时添加事件类，但在再次单击时不会将其删除。

可以删除吗？

Answer 1

您可以在 jQuery 中使用 toggleClass() 函数。它完全符合您的要求。

检查API文档:https://api.jquery.com/toggleClass/