Show or hide section in HTML with JavaScript

Question

In my HTML file there is an section-element like this:

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

How can I toggle it's visibility with JavaScript? I tried something like this to get it visible:

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

Unfortunately that does not work? Any idea?

Answer 1

With pure JS

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

With jQuery

$('#analysisData').toggle()