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 vote212 views1 answer
Angular material disable radio button
Html
2 votes217 views2 answers
Ng-bind-html vuejs
Html
10 votes250 views6 answers
Bootstrap tabs
Html
2 votes215 views2 answers
Horizontal card bootstrap
Html
0 vote235 views1 answer
Tailwind gap
Html
0 vote224 views1 answer
Unity console debug bold
Html
3 votes225 views2 answers
Html textbox pattern mobile number
Html
0 vote213 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
6 votes203 views2 answers
How to collect input textbox in html
Html
0 vote233 views1 answer
Is there an opposit of onerror html
Html