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

16 votes164 views1 answer
Laravel skip requirements
PHP
3 votes202 views2 answers
Set image asset path in laravel
PHP Laravel
0 vote230 views1 answer
Php flatten multidimensional array
PHP
0 vote144 views1 answer
Laravel secure route
PHP Laravel
0 vote167 views1 answer
Foreign key cosntraint laravel
PHP
0 vote175 views2 answers
Laravel blade components
PHP Laravel
0 vote186 views1 answer
How to extract code from controller to helpers or other method in laravel
PHP Laravel
0 vote190 views1 answer
Debugbar:clear in laravel
PHP Laravel
2 votes159 views2 answers
Php substring if length greater than string them .....
PHP
0 vote215 views1 answer
Laravel hasMany with join
PHP Laravel