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

1 vote191 views2 answers
Convert haml to html
Html
1 vote192 views1 answer
How to get the name of a html balise and pass it in onPress
Html
0 vote189 views1 answer
How do you write a basic html code?
Html
5 votes239 views2 answers
HTML hello world
Html
2 votes197 views2 answers
Toggle button
Html
29 votes185 views6 answers
Html list without bullets
Html
3 votes261 views2 answers
Html to flutter online
Html
0 vote200 views2 answers
Mark html element
Html
0 vote152 views1 answer
Html "/n" not woring
Html
304 votes511 views10 answers
Amc stock
Html