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