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

0 vote294 views2 answers
Write php in javascript
Html
0 vote298 views1 answer
React bootstrap navbar fixed
Html
1 vote323 views2 answers
Submit() refreshes the page
Html
0 vote288 views1 answer
Chat room website template free download
Html
2 votes251 views1 answer
Single page html template
Html
14 votes294 views1 answer
Leading spaces html
Html
3 votes302 views2 answers
How to choose multiple option from select option
Html
2 votes335 views2 answers
Placeholder textbox wpf
Html
2 votes297 views1 answer
Etag header
Html
0 vote261 views1 answer
Px in react is different from html file
Html