javascript hide and show div code example

Example 1: how to hide div in html

document.getElementById('elementName').hide();

Example 2: hide a div

<div id="main"> 
  <p> Hide/show this div </p>
</div>

('#main').hide(); //to hide

// 2nd way, by injecting css using jquery
$("#main").css("display", "none");

Example 3: toggle element javascript

document.querySelector("#test").hidden = true;
document.querySelector("#test").hidden = false;