Zakładki w js Opcje

[stefan_precz]

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
function zakladka(id){
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}
//-->
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<a href="javascript:zakladka('tab1')">Zak1</a> - <a href="javascript:zakladka('tab2')">Zak2</a> - <a href="javascript:zakladka('tab3')">Zak3</a>
<div id="tab1" style="display: none;">
<p>zakladka 1</p>
</div>
<div id="tab2" style="display: none;">
<p>zakladka 2</p>
</div>
<div id="tab3" style="display: none;">
<p>zakladka 3</p>
</div>
[HTML] pobierz, plaintext 

Kod odpowiada za wczytywnie zakładek i wszystko działa tylko nie wiem jak rozwiązać taki problem, mianowicie gdy klikam na link np. Zak 1 pojawia mi się zawartość tego diva, gdy klikam na Zak 2 pojawia mi się zawartość odpowiedniego diva ale nie znika zawartość diva wywołanego wcześniej, nie wiem jak to zrobić ze jeśli wybieram jakiegoś diva div wywyłony wcześniej znika