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

29 votes208 views3 answers
Seed date laravel
PHP Laravel
2 votes183 views2 answers
Laravel 8 websockets
PHP
0 vote193 views1 answer
Laravel Migration Error: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes
PHP Laravel
39 votes233 views4 answers
Clear cache in laravel without artisan
PHP Laravel
0 vote164 views1 answer
Get_the_id wordpress
PHP Wordpress
0 vote166 views1 answer
Laravel form validation based on another field value
PHP
32 votes172 views2 answers
How add new column in larevel with migration
PHP
-1 vote193 views4 answers
Laravel create command tutorial
PHP Laravel
17 votes172 views6 answers
Sort
PHP
0 vote175 views1 answer
Call Python From PHP And Get Return Code
PHP