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

3 votes110 views2 answers
Laravel eloquent search query 2020
PHP Laravel
0 vote84 views1 answer
Laravel get week dates
PHP
0 vote106 views1 answer
Laravel curl request
PHP Laravel
0 vote96 views2 answers
Php.ini path
PHP
0 vote93 views1 answer
Pcntl_fork php mysql "MySQL server has gone away"
PHP
0 vote120 views1 answer
Laravel collection mode
PHP Laravel
1 vote95 views1 answer
Laravel where column different
PHP
0 vote92 views1 answer
Php count words in text
PHP
8 votes94 views2 answers
Replace exact word in php
PHP
1 vote106 views1 answer
Db raw update laravel
PHP Laravel