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 vote226 views1 answer
Html5 use of section tag in onepage template
Html
2 votes243 views1 answer
Omega ruby
Html
4 votes270 views3 answers
WhatsApp Share Link
Html
0 vote233 views1 answer
Django bootstrap where to put the files
Html
2 votes243 views3 answers
Checkbox value
Html
47 votes243 views5 answers
Autocomplete off input
Html
-2 votes245 views1 answer
Html href to gmail
Html
0 vote236 views1 answer
Html table cell border not showing
Html
0 vote236 views1 answer
How to make the border invisible in html
Html
1 vote178 views1 answer
How to pass a model in a partial view
Html