如何在 JS 中切换类

Question

我是 JS 的新手，我正在尝试解决一些菜单问题。如果我单击 div "work"，菜单 "work" 打开。如果我再次点击关闭。与 "about".

相同

代码是这样的：

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


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

一切正常，但现在我想切换打开的菜单(类)。如果我打开了 "work"，我希望在打开 "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');
    })
});

当您单击其中一个菜单时，它会切换其状态（如果关闭则打开，如果打开则关闭），而另一个将关闭或保持关闭状态。

如何在 JS 中切换类

how to switch between classes in JS

javascript

toggleclass

如何在 JS 中切换 类

how to switch between classes in JS

javascript

toggleclass

如何在 JS 中切换类