How to hide div in html

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

How hide in html

#elementID{
display:none;
}

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");

Hide a div

const targetDiv = document.getElementById("third");
const btn = document.getElementById("toggle");
btn.onclick = function () {
  if (targetDiv.style.display !== "none") {
    targetDiv.style.display = "none";
  } else {
    targetDiv.style.display = "block";
  }
};

Source: sebhastian.com

Similar codes

168 votes214 views6 answers
How to use style in html
Html
1 vote226 views2 answers
Action form for this page in html
Html
38 votes186 views5 answers
Disable button in html
Html
11 votes168 views4 answers
Angular foreach html
Html
11 votes127 views2 answers
Trademark sign
Html
147 votes175 views4 answers
Import script html
Html
0 vote185 views4 answers
Twig format datetime
Html
0 vote184 views2 answers
Custom radio css
Html
0 vote182 views1 answer
Html pi
Html
2 votes184 views3 answers
How to disable a div in angular
Html