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

[FiDO]

Ja zastosowalem do zakladek taka funkcje:

Kod

var tabs = new Array('general', 'passdirs', 'comments');
  
function activateTab(tab)
{
    for (i = 0; i < tabs.length; i++)
    {
        if (document.getElementById(tabs[i]))
        {
            document.getElementById(tabs[i]).style.display = 'none';
            document.getElementById('link_' + tabs[i]).className = 'linkNA';
        }    
    }
    document.getElementById(tab).style.display = 'block';
    document.getElementById('link_' + tab).className = 'linkA';
}

gdzie var tabs to tablica z ID'kami wszystkich warstw zakladek. Dodatkowo zmieniam jeszcze klase samego linka, ale to mozesz sobie usunac.