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 votes301 views2 answers
Laravel image path
PHP Laravel
0 vote298 views1 answer
Check url parameter if not redirect wordpress
PHP Wordpress
0 vote314 views1 answer
Wp wc php out of stock product to bottom
PHP Wordpress
0 vote254 views1 answer
Get the current datetime in php when button is clicked
PHP
0 vote268 views1 answer
Php 2 decimal even if not exists
PHP
0 vote236 views1 answer
Php reverse dns lookup
PHP
0 vote320 views1 answer
File viewer codeigniter
PHP CodeIgniter
1 vote247 views1 answer
Shorttime php
PHP
1 vote311 views6 answers
Php loop through object
PHP
1 vote411 views2 answers
Yii1 set flash
PHP Yii