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 vote307 views1 answer
Ajax search request
PHP
2 votes379 views2 answers
Laravel get random number of data from database
PHP Laravel
0 vote300 views1 answer
Get All dates of a month
PHP
0 vote324 views2 answers
Php set 404 page
PHP
0 vote363 views1 answer
Laravel count distance lat/longtidue
PHP Laravel
3 votes410 views6 answers
Email verification laravel
PHP
3 votes444 views2 answers
Microtime to date php
PHP
0 vote284 views1 answer
Add-basic-controller-imports
PHP
0 vote319 views1 answer
Wordpress widget categories edit
PHP
0 vote325 views1 answer
Variable superglobale php
PHP