cambiare stile a div con onclick

[mighi]

ciao a tutti!
il titolo è un po generico...ma comunque...
Nella mia pagina html ho tre link...

<a href="#" onclick="transizione1()" />
<a href="#" onclick="transizione2()" />
<a href="#" onclick="transizione3()" />

e 3 div che devono comparire in base a quale link ho premuto...semplicemente aggiungendo una classe al div

function transizione1(){
  	document.getElementById('div1').className = 'opacita1';
}
function transizione2(){
  	document.getElementById('div2').className = 'opacita2';
}
  function transizione3(){
  	document.getElementById('div3').className = 'opacita3';	
}

e fino a qui funziona tutto!!!!
Il problema sorge nel momento in cui clicco sul secondo link...il primo non scompare!!
Come faccio a intercettare quale link è stato cliccato in modo da poter sostituire la classe precedentemente associata con una che abbia opacity:0;.....sempre se sia questo il modo corretto?

non conosco per niente javascript...percui se avete qualche suggerimento...è tutto ben accetto!!!!
grazie

[Vindav]

function transizione1(){
  	document.getElementById('div1').className = 'opacita1';
document.getElementById('div2').className = 'opacita0';
document.getElementById('div3').className = 'opacita0';
}
function transizione2(){
  	document.getElementById('div2').className = 'opacita2';
document.getElementById('div1').className = 'opacita0';
document.getElementById('div3').className = 'opacita0';
}
  function transizione3(){
  	document.getElementById('div3').className = 'opacita3';	
document.getElementById('div1').className = 'opacita0';
document.getElementById('div2').className = 'opacita0';
}

[mighi]

beh si...il discorso è un po più complicato...colpa mia...pensavo di semplificarvi la vita!!!
in realta le classi che vado ad associare ai div sono animazioni css3 per cui se facessi una cosa del genere verrebbe fuori un casotto...partirebbero tutte le animazioni insieme!

Pensavo di preimpostare 3 variabili a 1

var pag1 = 1;
var pag2 = 1;
var pag3 = 1;

e poi quando viene eseguita la funzione mi imposta la variabile a 0

function transizione1(){
  	document.getElementById('div1').className = 'movimento1';
        var pag1 = 0;
  }

e cosi via per gli altri 2
sempre all'interno della funzione transizione1 ad esempio, i controlli

function transizione1(){
  	document.getElementById('div1').className = 'movimento1';
        if(pag2 == 0){
        document.getElementById('div2').className = 'movimento2_al_contrario';
        }
        if(pag3 == 0){
        document.getElementById('div3').className = 'movimento3_al_contrario';
        }
        var pag1 = 0;
  }
function transizione2(){
  	document.getElementById('div2').className = 'movimento2';    
        if(pag1 == 0){
        document.getElementById('div1').className = 'movimento1_al_contrario';
        }
        if(pag3 == 0){
        document.getElementById('div3').className = 'movimento3_al_contrario';
        }
        var pag2 = 0;
  }
function transizione3(){
  	document.getElementById('div3').className = 'movimento3';
        if(pag1 == 0){
        document.getElementById('div1').className = 'movimento1_al_contrario';
        }
        if(pag3 == 0){
        document.getElementById('div2').className = 'movimento2_al_contrario';
        }
        var pag3 = 0;
  }

ma cosi non funziona....qualche idea???