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 vote172 views1 answer
HTML Bullet Points / Lists
Html
4 votes161 views5 answers
Get textarea value jquery
Html
0 vote145 views4 answers
Add link to text using span html
Html
1 vote140 views3 answers
Copywrite in html
Html
0 vote146 views1 answer
Signature: Generated signature does not match submitted signature.
Html
1 vote169 views2 answers
Bootstrap multiselect dropdown with search stackoverflow
Html
0 vote207 views1 answer
Selenium print html python
Html
0 vote155 views1 answer
How to use different font size in same line in html
Html
3 votes143 views3 answers
Add icon to website tab
Html
0 vote151 views1 answer
Symfony twig form value
Html