jQuery在第二次点击后删除类

我有我自己的下拉导航工作，所以当用户点击其中一个链接时，会出现页面叠加。我只需要当他们再次点击页面覆盖删除。jQuery在第二次点击后删除类

这里是我的代码添加覆盖

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

和工作DEMO是在这里 - http://dsm.fishtankcreative.co.uk/

我只需要在用户点击过的页面覆盖类消失导航的帮助。

谢谢先进。

来源

2014-09-24 Barry Corrigan

使用toggleClass()

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

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

来源

2014-09-24 08:41:50

那十分感谢，但有一个问题如果你不介意的话。 [链接]（http://dsm.fishtankcreative.co.uk/），如果你点击翠鸟在导航它的工作原理，但如果你从翠鸟去帝斯曼然后点击它不起作用100％ – 2014-09-24 08:47:29

我得到它的工作（''click'，function（）{''page-overlay'）。toggleClass（'active'）; $（'＃page'）; $（'＃nav li＃dsm'）。（'＃page-overlay2'）。removeClass（'active'）; }）; （'click'，function（）{（'＃page-overlay2'）。toggleClass（'active'）; $（'＃page-overlay' ）.removeClass（'active'）; }）;' – 2014-09-24 09:01:42

jQuery在第二次点击后删除类

回答

相关问题