클릭시 DIV의 가시성을 전환하십시오

Question

1 백만개의 div 요소가 있습니다. 나는 div vsibile을 클릭

1. , 그것은 사라 :

   나는 다음과 같은 기능을 달성하고 싶다.

2. 나는 div을 클릭

   , 보이지 않는 다시 나타납니다이었다 어떤 div.

예 : 1 개 백만 DIV 요소를 왜

<div>1</div> <!-- Invisible div --> 
<div>2</div> 
<div>3</div> 
<div>4</div> 
<div>5</div> 
<div>6</div> <!-- Currently visible. On click, div 1 becomes visible and this becomes invisible--> 
... 1.000.000 

Answer 1

prev = false; 
 

 
document.querySelectorAll("#test div").forEach(function(a,i){ 
 
    a.index = i; 
 
    a.addEventListener("click",function(){ 
 
    if (prev !== false) document.querySelectorAll("#test div")[prev].style.opacity = 1; 
 
    this.style.opacity = 0; 
 
    prev = this.index; 
 
})});

#test * { 
 
    width: 60px; 
 
    height: 60px; 
 
    margin: 10px; 
 
    background-color: green; 
 
}

<div id="test"> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
</div>