Javascript 我怎样才能创建一个切换，将类更改为打开和关闭

我如何创建一个切换，将类更改为打开和关闭。 当菜单打开时，主体的滚动应被禁用

例：

---

您是否能够以这种方式使用：

.menu {background: red; display: none;}
.menu.open {display: block;}

---

您是否能够以这种方式使用：

.menu {background: red; display: none;}
.menu.open {display: block;}

在jQuery中，您可以切换它：

$(document).ready(function () {
    $(".trigger").click(function () {
        $(".menu").toggleClass("open");
    });
});

---

使用jquery相当简单

$('.menu-toggle').click(function() {
   $('.menu').toggle();
});

---

切换功能在显示和隐藏之间切换。您可以使用几种不同的方法来实现您的目标，这取决于哪种方法最适合您。

您可以使用JQuery使其变得简单。

var i=1;
    function toggleMenu()
    {
    if(i==1) // show it
    {
    $("#menu").removeClass("menu-hide");
    $("#menu").addClass("menu-show");
    $("body").css("overflow","hidden");
    i++;
    }
    else // hide it
    {
    $("#menu").removeClass("menu-show");
    $("#menu").addClass("menu-hide");
    $("body").css("overflow","auto");
    i=1;
    }
    }

通过onclick调用此函数

<button onclick="toggleMenu()">Toggle</button>

切换

您可以使用Bootstrap，他在这方面做了大量工作

看看

它同时简化了您的生活，即使学习如何使用适当的代码也很重要

---

顺便说一下：欢迎来到StackOverflow；）

你自己有没有试过解决办法？