onclick show div and hide other div

1<div id="1">A DIV element...</div>
2<div id="2">Another DIV element</div>
3<div id="3">The third DIV element</div>
4<div id="4" onclick="hide()">Click me to hide the other DIVs</div>
5<script type="text/javascript">
6function hide() {
7	document.getElementById("1").hidden = true;
8	document.getElementById("2").hidden = true;
9	document.getElementById("3").hidden = true;
10	document.getElementById("4").hidden = false;
11}
12</script>