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

20 votes316 views4 answers
How get element by name in jquery
Html
0 vote337 views2 answers
Working with multiple html forms django
Html
1 vote371 views1 answer
Html void link
Html
1 vote252 views1 answer
How to change text color using only html
Html
0 vote315 views1 answer
2step
Html
0 vote312 views1 answer
Lightning-textarea size
Html
3 votes297 views1 answer
Html input change default error message
Html
0 vote278 views1 answer
Bootstrap 5 border shadow
Html
91 votes351 views6 answers
Open link in a new tab
Html
15 votes296 views2 answers
Html radio only one checked
Html