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 vote177 views1 answer
Laravel return a single dimensional array
PHP
0 vote205 views1 answer
Send OTP php
PHP
0 vote233 views1 answer
How to save snap in webcap in php codeigniter
PHP CodeIgniter
0 vote191 views1 answer
Doesn't appear favicon php
PHP
0 vote221 views2 answers
Argument 2 passed to App\Exceptions\Handler::unauthenticated() must be an instance of App\Exceptions\AuthenticationException, instance of Illuminate\Auth\AuthenticationException given
PHP
0 vote183 views1 answer
Laravel sql illegal collation
PHP
0 vote253 views3 answers
Permissions for laravel deployment
PHP Laravel
0 vote189 views2 answers
WordPress add query string to URL
PHP
0 vote182 views1 answer
Joomla cache programing clear
PHP
13 votes210 views2 answers
Laravel turn off timestamps
PHP