如何在每次單擊某個對象時出現其他對象

Question

因此，我使用我想要點擊的對象製作主頁，這會使其他對象出現。我希望主頁面保持不變，但每次點擊時我都希望其他對象一個一個顯示出來。我有大約5層由我的index.html組成我只是不確定我需要在每層中放置哪些代碼，以便當我單擊主頁面對象時其他層將顯示出來。

Answer 1

隨着每一次點擊我想其他對象由一個

出現一個可以添加一個事件監聽器，當它檢測到一個點擊，執行功能，使每個下隱藏的對象出現。

工作實例：

var boxes = document.getElementsByTagName('div'); 
 
var boxNumber = 1; 
 

 
function revealBox() { 
 
    if (boxNumber < (boxes.length - 2)) { 
 
     boxes[boxNumber].classList.add('revealed'); 
 
     boxNumber++; 
 
    } 
 

 
    if (boxNumber < (boxes.length - 2)) { 
 
     boxes[0].textContent = 'Click me to reveal Box ' + boxNumber; 
 
    } 
 
} 
 

 
boxes[0].textContent += ' to reveal Box ' + boxNumber; 
 
boxes[0].addEventListener('click', revealBox, false);

div { 
 
display: none; 
 
width: 100px; 
 
height: 100px; 
 
font-size: 22px; 
 
text-align: center; 
 
background-color: rgb(163, 163, 163); 
 
vertical-align: top; 
 
} 
 

 
div:nth-of-type(1) { 
 
display: inline-block; 
 
color: rgb(255, 255, 255); 
 
background-color: rgb(255, 0, 0); 
 
cursor: pointer; 
 
} 
 

 
div.revealed { 
 
display: inline-block; 
 
}

<div>Click Me</div> 
 
<div>Box 1</div> 
 
<div>Box 2</div> 
 
<div>Box 3</div> 
 
<div>Box 4</div> 
 
<div>Box 5</div>