/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

5 votes166 views1 answer
Default value input
Html
1 vote143 views1 answer
Floating whatsapp button html
Html
15 votes152 views1 answer
Pdf to html
Html
1 vote188 views2 answers
React CDN links
Html
6 votes159 views2 answers
Refused to connect iframe php
Html
23 votes148 views1 answer
Accept only image files upload html
Html
194 votes216 views6 answers
How to add css to html
Html
1 vote149 views2 answers
Bootstrap nav search form
Html
5 votes157 views1 answer
Js html textbox on change
Html
12 votes157 views3 answers
Vue v-model
Html