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 vote115 views1 answer
Spin the wheel html
Html
0 vote129 views1 answer
Flexbox afbeeldingen
Html
0 vote125 views1 answer
Prettier not formatting HTML files in VS Code
Html
0 vote122 views1 answer
Change body font
Html
1 vote117 views1 answer
How to center link in html
Html
0 vote132 views2 answers
Free html dashboard templates
Html
0 vote112 views1 answer
Difference between index, follow or follow
Html
28 votes125 views3 answers
Html with new line \n
Html
0 vote122 views1 answer
Laravel 5: Mostrar HTML con Blade
Html
0 vote122 views1 answer
How zcdfdgfvcstop marquee text when you move your mouse over it
Html