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 vote176 views1 answer
Svg rect
Html
17 votes179 views2 answers
Html new target
Html
0 vote167 views2 answers
Pignose Calender
Html
7 votes167 views2 answers
Infocard bootstrap 4 css templates
Html
0 vote167 views1 answer
Fix table height html
Html
1 vote181 views1 answer
Inspect google remote device disable screencast
Html
1 vote186 views1 answer
Draggable html
Html
67 votes127 views13 answers
How to bold font in html
Html
38 votes163 views5 answers
Button open link in new tab
Html
3 votes178 views6 answers
Ionicons
Html