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

3 votes176 views1 answer
Mysql connector maven dependency
Html
0 vote171 views1 answer
Youtube embed with captions
Html
1 vote174 views1 answer
Regex remove html comment
Html
0 vote147 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote141 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
14 votes166 views2 answers
Accordion
Html
0 vote182 views1 answer
Shchema keyref et key use
Html
0 vote152 views1 answer
A tag displays below img tag
Html
8 votes143 views6 answers
Bootstrap jumbotron
Html
0 vote165 views1 answer
Fa fa draft
Html