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

Question

Hy.Im a iniciant in javascript. I'm having trouble closing the dropdown when clicking on another open one.

I try this:

        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)

dropdown image opened items Codepen code

Thank you for any help!

Answer 1

a few days later. this is my solution:

Use querySelectorAll + forEach in .dropdown-active and then remove the class

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)