/Html/Onclick show div and hide other div

Onclick show div and hide other div

<div id="div1">A DIV element...</div>
<div id="div2">Another DIV element</div>
<div id="div3" hidden>A hidden DIV element</div>
<button onclick="switchHidden()">Click to hide visible DIVs and show hidden ones</button>
<script type="text/javascript">
function switchHidden() {
	document.getElementById("div1").hidden = !document.getElementById("div1").hidden;
	document.getElementById("div2").hidden = !document.getElementById("div2").hidden;
	document.getElementById("div3").hidden = !document.getElementById("div3").hidden;
	// alternatively you could do something like Array.prototype.forEach.call(document.getElementsByTagName("div"), div => div.hidden = !div.hidden);
}
</script>

Similar codes

1 vote137 views2 answers
Html star
Html
0 vote147 views1 answer
Html onclick not working
Html
0 vote138 views2 answers
Laravel csrf protection
Html
0 vote143 views2 answers
Html div grid 9x9
Html
0 vote138 views1 answer
.1
Html
-3 votes136 views3 answers
How to use a heading in html
Html
5 votes176 views2 answers
Add jquery script in html
Html
1 vote235 views2 answers
What is popper js
Html
3 votes140 views1 answer
Responsive flexbox navbar
Html
0 vote137 views2 answers
Simple dashboard html template
Html