Код JS и CSS для сворачивания складных элементов, кроме активного. ⇐ CSS

[Гость]

Я реализовал меню для мобильного шаблона с разворачивающимися элементами.

----- ----- ▼ (в сложенном виде) ----- ▼ (в сложенном виде) ----- ▲ (развернут) |---- |---- |---- ----- ▼ (в сложенном виде) ----- ▲ (развернут) |---- |---- |---- Все работает, кроме одного условия. После развертывания второго меню подряд остальные должны вернуться в сложенное состояние по умолчанию.

----- ----- ▼ (в сложенном виде) ----- ▼ (в сложенном виде) ----- ▲ (развернут) |---- |---- |---- ----- ▼ (в сложенном виде) ----- ▼ (в сложенном виде) let acc = document.getElementsByClassName("mobile-unfold"); дайте я; for (i = 0; i МЕНЮ 1 МЕНЮ 2 Подменю 1 Подменю 2/a> Подменю 3 МЕНЮ 3 Подменю 1 Подменю 2 Подменю 3 Подменю 4 МЕНЮ 4 Подменю 1 Подменю 2 Подменю 3