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 vote113 views1 answer
What is class attribute in form
Html
3 votes116 views2 answers
Strikethrough in html
Html
0 vote111 views1 answer
Navbar with logo css
Html
0 vote137 views1 answer
Remove extra whitespace in pre html
Html
-1 vote104 views1 answer
Bulma fullheight
Html
0 vote121 views1 answer
Lpluguin de whatsapp para html
Html
1 vote124 views1 answer
Sendgrid mail api disable tracker
Html
0 vote114 views3 answers
How to make a html tag in html
Html
205 votes155 views6 answers
Space html
Html
5 votes121 views2 answers
Data-target in html
Html