1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16

'use strict';

var menuContainers = document.getElementsByClassName('menu__container');

for (var i = 0; i < menuContainers.length; i++) {
  menuContainers[i].getElementsByClassName('menu__current')[0].setAttribute('onclick', 'menuOpen(' + i + ')');
}

//Changing visibility all elements of menu

function menuOpen(i) {
  menuContainers[i].getElementsByClassName('menu__item')[0].classList.toggle('menu__item--visible');
  menuContainers[i].getElementsByClassName('menu__item')[1].classList.toggle('menu__item--visible');
  menuContainers[i].getElementsByClassName('menu__item')[2].classList.toggle('menu__item--visible');
  menuContainers[i].getElementsByClassName('menu__item')[3].classList.toggle('menu__item--visible');
}