第二次单击后jQuery删除类

Question

我有自己的下拉导航功能，因此当用户点击其中一个链接时，会出现一个页面叠加层。我只需要再次点击页面叠加删除。

以下是我添加叠加层的代码

$('#nav li a').on('click', function(){
    $('#page-overlay').addClass('active').siblings().removeClass('active');
});

工作的DEMO就在这里 - http://dsm.fishtankcreative.co.uk/

我只是需要帮助，当用户点击导航时，页面覆盖类消失。

先谢谢。

Answer 1

使用toggleClass()

$('#nav li a').on('click', function(){
    $('#page-overlay').toggleClass('active').siblings().removeClass('active');
});

注意：我不认为需要使用.siblings().removeClass('active')，因为您没有将活动类添加到任何其他元素