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 vote133 views1 answer
Create a animated emoji discored
Html
49 votes138 views4 answers
Disable autocomplete on input
Html
0 vote146 views1 answer
Bootsrap main section fill all height with navbar
Html
0 vote163 views1 answer
Input submit text
Html
0 vote131 views2 answers
Bootstrap navbar button not working
Html
75 votes144 views5 answers
Copyright in html
Html
0 vote136 views2 answers
Html error
Html
0 vote169 views1 answer
High load linux
Html
0 vote160 views1 answer
Boton en html cambiar texto
Html
8 votes118 views2 answers
Flutter Html text color
Html