Question

我是JS的新手，我试图解决一些菜单问题。如果我点击div＆＃34; work＆＃34;，menu＆＃34; work＆＃34;打开。如果我再次点击正在关闭。与＃34;相同＆＃34;。

代码是这样的：

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


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

一切都很好，但现在我想切换打开的菜单（类）。如果我有＆＃34;工作＆＃34;打开，我想在我打开＆＃34;关于＆＃34;。

时将其关闭

我尝试使用与倒置类相同的函数，但它不起作用！

那么，我怎样才能让它发挥作用呢？

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中的类之间切换

1 个答案: