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')，因爲您不添加活動類的任何其他元素