Javascript 如何在每次单击中的某个对象时显示其他对象

因此，我用我想点击的对象制作了我的主页，这将使其他对象出现。我希望主页保持不变，但每次单击都希望其他对象逐个出现。我有大约5个层，由我的

index.html

组成，我只是不确定每个层需要放什么代码，这样当我单击主页对象时，其他层就会显示出来

每次单击，我都希望其他对象逐个出现

您可以添加一个事件侦听器，该侦听器在检测到单击时执行一个函数，使每个下一个隐藏对象都能显示

工作示例：

var-box=document.getElementsByTagName（'div'）；
var boxNumber=1；
函数revealBox（）{
如果（盒子编号<（盒子长度-2））{
框[boxNumber].classList.add（'discovered'）；
boxNumber++；
}
如果（盒子编号<（盒子长度-2））{
框[0]。textContent='单击我以显示框'+框号；
}
}
框[0]。textContent+='显示框'+boxNumber；
框[0]。addEventListener（'click'，revealBox，false）
div{
显示：无；
宽度：100px；
高度：100px；
字体大小：22px；
文本对齐：居中；
背景色：rgb（163163）；
垂直对齐：顶部；
}
分区：第n个类型（1）{
显示：内联块；
颜色：rgb（255、255、255）；
背景色：rgb（255,0,0）；
光标：指针；
}
披露{
显示：内联块；
}
点击我
方框1
方框2
方框3
方框4
框5
这里的信息确实不足以回答您的问题。请创建一个MCVE（），以便人们能够提供帮助