[monolithed]

Как вариант для размышления:

<script type="text/javascript">
window.onload = function(){
     var a = document.getElementsByTagName('a'), i = a.length;
     while(i--){
          a[i].onclick = function(i){
             var dt = document.getElementsByTagName('dt');
              return function(){
                  dt[i].style.display = (dt[i].style.display == '') ? 'block' : '';
              };
          }(i);
     }
 };
</script>

<style type="text/css">
dl, dt, dd {margin: 0px;  padding: 0px;}
dl {border: 1px solid #DDD; float: left; margin-right: 10px; padding: 0px; width: 50px;}
dd, dt {text-align: center;}
dt {background: red; display: none; width: 50px; height: 50px;}
</style>

<dl>
    <dd><a href="#">click</a></dd>
    <dt>1</dt>
</dl>
<dl>
     <dd><a href="#">click</a></dd>
     <dt>2</dt>
</dl>