Toggle div

by Michel Plungjan

HTML

<a class="reversible" href="#arbitrarydivId1">
Click to show/hide 1
</a>
<a class="reversible" href="#arbitrarydivId2">
Click to show/hide 2
</a>
<hr/>
<div id="arbitrarydivId1">Here is div 1</div>

<div id="arbitrarydivId2">Here is div 2</div>

JavaScript

function ReverseDisplay() {
  var divId=this.hash.substring(1), div=document.getElementById(divId);
  div.style.display = div.style.display=="none"?"block":"none"; 
  return false;
}
window.onload=function() {
  var links = document.querySelectorAll(".reversible");
  for (var i=0;i<links.length;i++) {
    links[i].onclick=ReverseDisplay;
  }
}