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

1 vote295 views3 answers
Php read json request body
PHP
0 vote275 views1 answer
Wordpress remove taxonomy from post
PHP
0 vote328 views1 answer
/usr/local/bin/php /home/tbmholdingltd/public_html/tugent/php artisan schedule:run >> /dev/null 2>&1
PHP
1 vote347 views1 answer
Laravel createmany example
PHP Laravel
48 votes335 views6 answers
Laravel joins
PHP
0 vote354 views1 answer
Avg rating get in join in laravel 8
PHP Laravel
0 vote360 views1 answer
Laravel collection zip
PHP Laravel
1 vote318 views1 answer
Teruglopende for loop php
PHP
0 vote371 views1 answer
Laravel import data from csv
PHP Laravel
0 vote351 views2 answers
Laravel allow all fillable
PHP Laravel