2014-09-24 3 views
0

내 탐색 드롭 다운이 작동하므로 사용자가 링크 중 하나를 클릭하면 페이지 오버레이가 표시됩니다. 페이지 오버레이를 다시 클릭 할 때만 필요합니다. 두 번째 클릭 후 jQuery 클래스 삭제

여기 오버레이

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

그리고 작업 DEMO를 추가하려면 코드 것은 여기에있다 - http://dsm.fishtankcreative.co.uk/

난 그냥 사용자가 페이지 오버레이 클래스는 사라 탐색을 클릭 할 때에 도움이 필요합니다.

고맙습니다.

답변

1

사용 toggleClass()

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

참고 : 나는 당신이 어떤 다른 요소에

+0

그게 큰 감사를 활성 클래스를 추가하지 않는 한 .siblings().removeClass('active')을 사용할 필요가 있다고 생각하지만, 하나 개의 질문하지 않는다 네가 괜찮다면. [link] (http://dsm.fishtankcreative.co.uk/) 네비게이션에서 Kingfisher를 클릭하면 작동하지만 Kingfisher에서 DSM으로 이동하면 클릭이 작동하지 않음 100 % –

+0

toggleClass ('active'); $ ('# page-overlay')에 두 페이지 오버레이를 추가 한 다음 '$ ('# nav li # dsm ' ('# page-overlay2'). removeClass ('active'); }); $ { 'navigate li # king') on ('click', function() { $ ('# page-overlay2') toggleClass ('활성'); $ ('# page-overlay') .removeClass ('active'); });' –

관련 문제