JavaScript按钮开关

我正在尝试做一个简单的移动网站，目标是有一个div，我可以点击打开它下面的div。html设置为两个div相互重叠，底部div显示的CSS设置为“无”。在javascript中，有一个事件侦听器正在等待单击，然后将显示设置为“block”并打开底部div。如何执行相同的操作（重新单击顶部div）将底部div的显示设置回“none”

现行基本代码：

document.getElementById（'divOne'）.addEventListener（'click'，function（）{
document.getElementById（'divTwo'）.style.display='block'；
});
#divOne{
边框：1px纯黑；
}
#第二组{
边框：1px纯黑；
显示：无；
}
点击我
你好，世界！
您可以先检查显示是否为
none
，然后将其切换为block，反之亦然。我将元素的DOM对象存储在一个变量中以保持其干净

document.getElementById('divOne').addEventListener('click', function() {
  var divtwo = document.getElementById("divTwo");
  divtwo.style.display = divtwo.style.display === 'none' ? 'block' : 'none';
});

您可以先检查显示是否为
none
，然后将其切换为block，反之亦然。我将元素的DOM对象存储在一个变量中以保持其干净

document.getElementById('divOne').addEventListener('click', function() {
  var divtwo = document.getElementById("divTwo");
  divtwo.style.display = divtwo.style.display === 'none' ? 'block' : 'none';
});

只需检查元素上是否设置了
display:block


document.getElementById（'divOne'）.addEventListener（'click'，function（）{
var divTwo=document.getElementById（'divTwo'）；
if（divTwo.style.display==='block'）{
divTwo.style.display='none'；
}否则{
divTwo.style.display='block'；
}
});
#divOne{
边框：1px纯黑；
}
#第二组{
边框：1px纯黑；
显示：无；
}
点击我
你好，世界只需检查元素上是否设置了
display:block


document.getElementById（'divOne'）.addEventListener（'click'，function（）{
var divTwo=document.getElementById（'divTwo'）；
if（divTwo.style.display==='block'）{
divTwo.style.display='none'；
}否则{
divTwo.style.display='block'；
}
});
#divOne{
边框：1px纯黑；
}
#第二组{
边框：1px纯黑；
显示：无；
}
点击我
你好，世界