Only ONE submenu open

**close all submenus**
https://jsfiddle.net/h2sxzLr9/9/

**toggle submenus works**
https://jsfiddle.net/h2sxzLr9/12/

**toggle and close other submenus does not work**
https://jsfiddle.net/h2sxzLr9/15/

“`
const btns = document.querySelectorAll(‘.btn’);

alert(“toggle does not close other boxes”)

btns.forEach(function(elem) {
elem.nextElementSibling.classList.remove(“open”)
});

btns.forEach(
function(elem) {
elem.addEventListener(‘click’, function(evt) {
var box = evt.target.nextElementSibling
box.classList.toggle(‘open’);
}, true);
}
);
“`

How do I get these script work together? I guess it must be controlled by one single function? How?

Also in #JavaScript _↴