JS에서 클래스 간을 전환하는 방법

Question

저는 JS에서 새로운데 일부 메뉴 문제를 해결하려고합니다. div "work"를 클릭하면 "work"메뉴가 열립니다. 다시 클릭하면 종료됩니다. "about"과 동일합니다.

코드는 이것이다 :

$(function() { 
    $('#work').on('click', function(){ 
     $('.view').toggleClass('openwork'); 
    }) 
}); 


$(function() { 
    $('#about').on('click', function(){ 
     $('.about').toggleClass('openabout'); 
    }) 
}); 

모든 게 잘하지만, 지금은 열린 메뉴 (클래스)를 전환합니다. 내가 "일"을 열면 "열어"열 때 닫히고 싶다.

동일한 기능을 거꾸로 사용하려고했지만 작동하지 않습니다!

그럼 어떻게 작동시킬 수 있습니까? (폐쇄와 가까운 열 경우 그래서 만약 개방)와 다른 하나는 닫거나 것

$(function() { 
    $('#work').on('click', function(){ 
     $('.view').toggleClass('openwork'); 
     $('.about').removeClass('openabout'); 
    }) 
}); 


$(function() { 
    $('#about').on('click', function(){ 
     $('.about').toggleClass('openabout'); 
     $('.view').removeClass('openwork'); 
    }) 
}); 

당신은 그 상태를 전환 할 메뉴 중 하나를 클릭합니다

Answer 1

난 당신이 뭔가를 찾고 생각 닫힌 채로있어 라.