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 vote222 views1 answer
Difference between body and main html
Html
4 votes197 views1 answer
Show text when hover over button
Html
30 votes196 views4 answers
File input html
Html
0 vote209 views1 answer
Font awesome icon copy clipboard
Html
156 votes208 views4 answers
Add background image html
Html
-1 vote220 views1 answer
How to divide a web page in html
Html
0 vote206 views1 answer
Javascript update number
Html
7 votes210 views1 answer
Bootstrap blog post card
Html
1 vote221 views1 answer
Favicon icon in css font awesome
Html
0 vote209 views1 answer
Ubuntu 18.10 vmware
Html