Javascript 响应式导航菜单切换'；N

我想我的响应导航切换，下面的代码只是扩大菜单按钮到不同的页面。我想切换它，所以现在它只是扩展，而不是折叠

HTML:

CSS:

.可见{ 显示：无； 列表样式：无； 左边距：0； 左侧填充：0； 页边距底部：0；}

.可见{ 显示：block；}

Javascript:

var responsivenav=document.querySelector（'header>nav>ul'）

responsivenav.classList.add（'in-visible'）

document.querySelector（'header>nav>a'）。onclick=function（）{ responsivenav.classList.add（'visible'）；}

---

有人能帮我吗？

你需要使用方法而不是add方法

---

你能在你的项目中使用jQuery吗？不，最好是Javascript

  <nav>
      <a  href="#footer_nav" >&#9776;  MENU</a>
      <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Opleiding</a></li>
          <li><a href="#">Onderwijsprogramma</a></li>
          <li><a href="#">Organisatie</a></li>
          <li><a href="#">Stages en projecten</a></li>
      </ul>
  </nav>

var responsivenav = document.querySelector('nav > ul');

responsivenav.classList.add('in-visible');

document.querySelector('nav > a').onclick = function() { 
    responsivenav.classList.toggle('visible');
}