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

[nikodem92]

daje tak:

[HTML] pobierz, plaintext 
<script language="JavaScript" type="text/javascript">
<!--
 
var tabs = new Array('tab1', 'tab2', 'tab3');
 
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]).style.color= 'red';
       }    
   }
   document.getElementById(tab).style.display = 'block';
   document.getElementById('link_' + tab).style.color= 'green';
}
 
//-->
</script>
 
<a href="javascript:activateTab('tab1')">Zak1</a> - <a href="javascript:activateTab('tab2')">Zak2</a> - <a href="javascript:activateTab('tab3')">Zak3</a>
<div id="tab1" style="display: block;">
<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 

i wyskakuje błąd w tym wierszu:

Kod

           document.getElementById('link_' + tabs[i]).style.color= 'red';

"wymagany jest obiekt"

(IMG:http://forum.php.pl/style_emoticons/default/sad.gif)