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

5 votes162 views2 answers
Data-target in html
Html
0 vote139 views1 answer
Convert html datetime-local to java LocalDateTime
Html
1 vote153 views1 answer
How to check where was the changes in a perticuler commit git
Html
0 vote159 views4 answers
Html5 tutorial
Html
0 vote230 views1 answer
Prevent from going to a function html click
Html
5 votes158 views1 answer
Js html textbox on change
Html
7 votes111 views4 answers
Html to pug
Html
9 votes172 views2 answers
Path in html
Html
0 vote152 views1 answer
Js code to change a immage
Html
0 vote149 views1 answer
Buttosn html
Html