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 vote279 views6 answers
Hash password decrypt laravel
Html
0 vote373 views1 answer
Automatic image slider with text in html css javascript
Html
15 votes308 views2 answers
Bootstrap 5 accordion
Html
27 votes309 views3 answers
Space bar html
Html
1 vote291 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote263 views1 answer
Link underline none
Html
1 vote314 views1 answer
Handlebars teamplate script tag
Html
0 vote299 views1 answer
Web development html chapter 1
Html
0 vote281 views1 answer
Select html unselectable option
Html
3 votes288 views3 answers
Vue js v-for array index
Html