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

52 votes181 views6 answers
Turn off autocomplete input html
Html
1 vote122 views1 answer
Twig join
Html
1 vote139 views1 answer
Vue submit reloads page
Html
20 votes144 views2 answers
Script src tag in html
Html
1 vote91 views1 answer
Asp hyperlink
Html
1 vote163 views1 answer
How to create js code
Html
0 vote128 views1 answer
The requested list key 'map' could not be resolved as a collection / array / map / enumeration / iterator type. Example: people or peopl
Html
0 vote130 views2 answers
Javascript input mask
Html
0 vote137 views3 answers
Tailwind flex column
Html
0 vote139 views4 answers
Parcel
Html