Answers for "show hide div on click javascript"

12

javascript hide div

// 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>
Posted by: Guest on May-18-2020
1

click anywhere and div hide javascript

document.addEventListener('mouseup', function(e) {
  let container = document.getElementById('container');
  if (!container.contains(e.target)) {
    container.style.display = 'none';
  }
});
Posted by: Guest on December-03-2020
1

html button that hide and show

<button onclick="toggleText()">button</button>
<p id="Myid">Text</p>
<script>
function toggleText(){
  var x = document.getElementById("Myid");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>
Posted by: Guest on October-17-2020

Code answers related to "show hide div on click javascript"

Code answers related to "Javascript"

Browse Popular Code Answers by Language