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

19 votes310 views6 answers
Php sort array by specific key
PHP
2 votes353 views1 answer
Wordpress if is in category
PHP Wordpress
0 vote312 views1 answer
Php sort custom function
PHP
0 vote325 views1 answer
Woocommerce add button to product list
PHP
0 vote315 views1 answer
Laravel project in css
PHP
1 vote331 views1 answer
Artisan show routes for model
PHP
0 vote401 views1 answer
How to disable opcache
PHP
3 votes323 views3 answers
Wp_query post id
PHP
1 vote350 views1 answer
Convert php array to javascript json laravel
PHP Laravel
2 votes322 views2 answers
Importing current year in laravel blade
PHP Laravel