how to hide div code example

Example 1: hide element using css

#tinynav1
{
  display:none
}

Example 2: html button that hide and show

<button onclick="toggleText()">button</button>
<p id="Myid">Text</p>
<script>
function toggleText(){
  var x = document.getElementById("Myid");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>

Example 3: how to hide div in html

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

Example 4: hide div elment

document.getElementById("payment_period").style.display = "none";

Example 5: 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");