如何在JS中的類之間切換

Question

我是JS中的新手，我試圖解決一些菜單問題。如果我點擊div「work」，菜單「work」打開。如果我再次點擊正在關閉。與「約」相同。

的代碼是這樣的：

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


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

一切都很好，但現在我要切換打開的菜單（類）。如果我打開「工作」，當我打開「about」時，我想讓它關閉。

我試着用倒置類使用相同的函數，但它不起作用！

那麼，我該如何讓它工作？

Answer 1

我相信你正在尋找的東西是這樣的：

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


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

當您單擊菜單中的一個將切換其狀態（如此開放，如果關閉，關閉，如果打開），另一個將關閉或保持關閉。