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

7 votes119 views3 answers
Get price woocommerce product
PHP
0 vote131 views4 answers
Wordpress get current taxonomy
PHP
0 vote99 views2 answers
Laravel restrict home route access
PHP Laravel
13 votes157 views6 answers
Laravel route optional parameter
PHP Laravel
1 vote172 views1 answer
Wordpress echo the excerpt
PHP Wordpress
0 vote116 views2 answers
Vivo.sx api clone file php
PHP
29 votes153 views3 answers
Laravel clear page cache
PHP Laravel
2 votes138 views1 answer
How get all files name in one folder in laravel
PHP
0 vote115 views1 answer
Failed to open stream permission denied in php
PHP
0 vote115 views1 answer
Install the php_mysql extensions
PHP