打开另一个下拉菜单时如何关闭下拉菜单

Question

Hy.Im 是 javascript 的创始人。 单击另一个打开的下拉菜单时，我无法关闭下拉菜单。

我试试这个：

        on('click', '.navbar .dropdown > a', function(e) {
        if (select('#navbar').classList.contains('navbar-mobile')) {
          e.preventDefault()
          this.nextElementSibling.classList.toggle('dropdown-active')
        } else {
    this.previousElementSibling.classList.remove('dropdown-active');
    } 
      }, true)

下拉图片打开的项目Codepen代码

感谢您的任何帮助！

Answer 1

几天后。 这是我的解决方案：

在.dropdown-active中使用querySelectorAll + forEach然后删除类

on('click', '.navbar .dropdown > a', function (e) {
    if (select('#navbar').classList.contains('navbar-mobile')) {
      e.preventDefault()
      document.querySelectorAll(".dropdown-active").forEach(function (element) {
        element.classList.remove("dropdown-active");
      });
      this.nextElementSibling.classList.toggle('dropdown-active')
    }
  }, true)