使用 JavaScript 显示或隐藏 HTML 中的部分

Question

在我的 HTML 文件中有一个这样的节元素：

<section id="analysisData" hidden>
  ..
</section>

如何使用 JavaScript 切换它的可见性？我试过这样的方法让它可见：

document.getElementById('analysisData').style.visibility='visible';

不幸的是，这不起作用？有什么想法吗？

Answer 1

使用纯 JS

document.getElementById('analysisData').style.display='block'; //to show
document.getElementById('analysisData').style.display='none'; //to hide

和jQuery

$('#analysisData').toggle()

Show or hide section in HTML with JavaScript