Js hide div

2021-02-22 07:56:48

// javascript
<script>
	document.getElementById("id").style.display = "none";  //hide
	document.getElementById("id").style.display = "block"; //show
	document.getElementById("id").style.display = ""; 	   //show
</script>

// html
<html>
	<div id="id" style="display:none">
    <div id="id" style="display:block">
</html>

// jquery
<script>
	$("#id").hide();      
	$("#id").show();
</script>

4

Jason T Featheringham

Code: Javascript

2021-03-10 17:48:24


function myFunction() {
  var x = document.getElementById("myDIV");

    if (x.style.display 
=== "none") {
    x.style.display = "block";
  } else {
    x.style.display = 
  "none";
  }
}

9

joeypuggy

Code: Javascript

2021-02-22 07:53:55

//If you have jquery, you can use the following method:
$("#mydiv").hide(); //hides div.
$("#mydiv").show(); //shows div.
//If you don't have jquery...
//search up the following: html how to add jquery

5

Andrea

Code: Javascript

2021-07-05 14:01:15

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

<!-- Inline Usage in HTML -->
<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

2

Rui F Ribeiro

Code: Javascript

2021-07-07 16:28:51

document.getElementById('elementName').hide();

3

gece

Code: Javascript

2021-08-28 17:02:18

var link = document.getElementById('nav-ask');
link.style.display = 'none'; //or
link.style.visibility = 'hidden';

2

FindingNemo

Code: Javascript

2021-02-22 07:57:45

.classname {
    display: none;
}

7

zeroku

Code: Javascript

2021-02-22 07:58:10

document.querySelector("#test").hidden = true;
document.querySelector("#test").hidden = false;

2

Cyril YU

Code: Javascript

2021-02-09 05:35:37

<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");

1

Tags

Related

New to Communities?