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

36 votes226 views2 answers
Justify-content css
Html
0 vote274 views1 answer
Relative vs absolute path html
Html
0 vote280 views2 answers
Ionic ngfor show limited number of items
Html
0 vote276 views4 answers
Pattern input html
Html
36 votes266 views2 answers
Input without autocomplete
Html
0 vote302 views1 answer
Onclick button how to import file upload using dialog in html
Html
253 votes501 views10 answers
Bootstrap cdn
Html
5 votes287 views2 answers
Html to markdown
Html
0 vote280 views1 answer
Como limpar as informações de uma tabela html
Html
1 vote271 views2 answers
Bootstrap nav search form
Html