/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

0 vote159 views1 answer
Place a convert to pdf button in html
Html
3 votes153 views3 answers
Bootstrap 4 image thumbnail class
Html
0 vote164 views1 answer
Html auto start video
Html
1 vote162 views1 answer
Vue submit reloads page
Html
0 vote147 views1 answer
Make an drodown menu
Html
1 vote164 views1 answer
Marquee speed
Html
7 votes182 views2 answers
Snap install telegram
Html
0 vote152 views1 answer
How to show code with html
Html
27 votes149 views1 answer
How to include the copyright symbol in html
Html
0 vote174 views1 answer
Html iframe connection refused
Html