Controllo mostra div

[semolino]

Piccolo inconveniente: la situazione ora è questa

<script type="text/javascript">
      function Vai() {
        var objProva   = document.getElementById("contenuto");
        var objProva2   = document.getElementById("contenuto2");
        if (objProva.style.display == "block") {
          objProva.style.display = "none";
          objProva2.style.display = "block";
        }
        else {
          objProva.style.display = "block";
          objProva2.style.display = "none";
        }
      }
    </script>

[url="#"]THE FUTURE[/url]

[url="#"]THE PAST[/url]

<div id="contenuto">dddddd</div>
<div id="contenuto2">adf hdr rherh h rsg</div> 

Se clicco THE FUTURE mi compare 'contenuto'
Se clicco THE PAST mi scompare 'contenuto' e mi compare 'contenuto2'
Ma se clicco ancora su THE PAST mi scompare 'contenuto2' e mi compare 'contenuto'
e cosi via.
Come posso legare il singolo link solo alla sua div?