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 vote365 views1 answer
Fab fa-instagram circle-icon
Html
0 vote306 views1 answer
What is 2 + 2
Html
9 votes292 views2 answers
Import google fonts
Html
0 vote354 views1 answer
Font awesome show password icon
Html
37 votes346 views3 answers
Viewport meta tag
Html
0 vote317 views1 answer
Overlay text input html
Html
0 vote332 views6 answers
Starter template bootstrap
Html
1 vote322 views2 answers
Add html validation to mobile number
Html
0 vote355 views1 answer
Html unidades de medida
Html
0 vote362 views2 answers
What does html stand for
Html