При клике на элемент одного массива изменить элемент другого массива с таким же индексом

var massOne = document.getElementsByClassName('mass-1');
var massTwo = document.getElementsByClassName('mass-2');
 
for(var i=0;_i<massOne.length; i++) {
    massOne[i].onclick = function() {
        if(massTwo[_i].style.display == 'none') {
            massTwo[_i].style.display = ''";
        }
        else {
            massTwo[_i].style.display = 'none'
        }
    }
}

for(var i=0;i<massOne.length; i++) {
    (function(index) {massOne[index].onclick = function() {
        if(massTwo[index].style.display == 'none') 
            massTwo[index].style.display = '';
        else 
            massTwo[index].style.display = 'none'
        }
    })(i);
}

var massOne = Array.from(document.getElementsByClassName('mass-1'));
 
massOne.forEach((item, index) => {
  const massTwo = Array.from(document.getElementsByClassName('mass-2'));
  item.onclick = () => massTwo[index].classList.toggle('hidden')
})

 (function(index) {massOne[index].onclick = function()

data.map(function(item) {
  console.log(item)
})
 
data.map((item) => {
  console.log(item)
})

for(let i=0;i<massOne.length; i++) { // var i = 0;... работать не будет и финт с (function(index){})(i) будет необходим
    massOne[i].onclick = function() {
      console.log(i)
        if(massTwo[i].style.display == 'none') 
            massTwo[i].style.display = '';
        else 
            massTwo[i].style.display = 'none'
        }
}