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

6 votes292 views2 answers
How to set tinyint default 0 laravel migration
PHP
0 vote273 views1 answer
Woocommerce get post terms product
PHP
15 votes278 views1 answer
Composer ignore platform reqs
PHP
0 vote324 views1 answer
Wordpress global variable not working
PHP Wordpress
5 votes306 views6 answers
New laravel 8 project
PHP Laravel
0 vote290 views4 answers
Sweetalert laravel
PHP
0 vote321 views1 answer
Heroku deploy php
PHP
0 vote262 views1 answer
Send data with href
PHP
0 vote302 views1 answer
E: Couldn't find any package by regex 'php7.2-json'
PHP
0 vote244 views1 answer
Laravel blade directive multiple parameters
PHP