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

12 votes284 views3 answers
Vue form
Html
0 vote268 views1 answer
Vue src string concatenation
Html
0 vote265 views1 answer
Tamanho fonts H1, H2, H3...
Html
0 vote282 views1 answer
Upwork
Html
0 vote285 views1 answer
Bootstrap5 lineheight
Html
0 vote276 views1 answer
Disable pdf download to not logged in users wordpress
Html
6 votes274 views1 answer
Css mobile scale down
Html
6 votes273 views2 answers
Add border to a div
Html
0 vote303 views1 answer
Hex code html
Html
3 votes274 views1 answer
Html class and id difference
Html