Não consigo fazer com que quando um menu for aberto o outro fechar. Tentei o seguinte código:
const itemLinks = document.querySelectorAll('.header-item')
const menus = document.querySelectorAll('.nav-menu')
for(let i = 0; i < itemLinks.length; i++){
itemLinks[i].addEventListener('click',mostrarMenu)
}
function mostrarMenu(e){
console.log(menus)
for(let i = 0; i < menus.length; i++){
}
}
<a href="#one" class="header-item header-item--one">menu one</a>
<a href="#two" class="header-item header-item--two">menu two</a>
<nav class="nav-menu">
<ul>
<li>Item Um</li>
<li>Item Dois</li>
<li>Item Três</li>
</ul>
</nav>
<nav class="nav-menu">
<ul>
<li>Item Um</li>
<li>Item Dois</li>
<li>Item Três</li>
</ul>
</nav>