JSでクラスを切り替える方法

Question

私はJSで新しく、いくつかのメニューの問題を解決しようとしています。 div "work"をクリックすると、メニュー "work"が開きます。もう一度クリックすると終了します。 「約」と同じです。

コードはこれです：

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


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

すべての罰金が、今、私は開いたメニュー（クラス）を切り替えたいです。私が「仕事」を開いている場合、私は「約」を開いたときにそれを閉じたいと思う。

逆のクラスで同じ関数を使用しようとしましたが、うまくいきません。

どうすればいいですか？

Answer 1

私はあなたがこのような何かを探していると信じて：あなたは、メニューのいずれかをクリックすると（閉じた状態と近い場合は開かれている場合ので、オープン）、それはその状態を切り替えることができますし、他の1が閉じます

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


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

か閉鎖したままにする。