Hide a div

How to hide div in html

document.getElementById('elementName').hide();

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 div elment

document.getElementById("payment_period").style.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

2 votes249 views1 answer
Laravel checkbox terms and conditions
PHP
0 vote265 views1 answer
Httpclient add authorization header symphony
PHP
0 vote323 views1 answer
Comment rediriger la page “Panier” et sauter la page Commande
PHP
1 vote269 views1 answer
Laravel validateexception no error description
PHP
9 votes265 views6 answers
Laravel logout
PHP Laravel
0 vote247 views1 answer
Magento 1.9 print blank page error
PHP
1 vote215 views1 answer
Phpmailer doesnt work on infinityfree
PHP
4 votes272 views4 answers
Chunk in laravel
PHP Laravel
0 vote252 views1 answer
Wp+get tags for custom post type
PHP
0 vote289 views2 answers
All() in laravel
PHP Laravel