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

0 vote331 views2 answers
Set modes magento 2
PHP
31 votes360 views4 answers
Php generate random string of characters
PHP
9 votes374 views4 answers
Laravel merge collections
PHP Laravel
0 vote412 views3 answers
Laravel 7 upload file s3
PHP Laravel
1 vote344 views2 answers
Laravel has many with ids
PHP
0 vote333 views1 answer
Laravel convert eloquent collection to collection
PHP
1 vote346 views1 answer
Php clear output
PHP
0 vote361 views1 answer
Laravel migration unknown column type double requested
PHP Laravel
-1 vote332 views6 answers
How to install bootstrap in laravel 8
PHP
0 vote316 views1 answer
Php fpm test
PHP