Timo Hügel: Suche Vereinfachung für diesen DIV-Ein-/Ausblender

Beitrag lesen

Hallo,

habe ein Script gefunden, das ich gerne etwas vereinfacht aufbauen möchte.

Könnte man dies in Form von einem JS vereinfachen, anhand ID und Zählnummer zB?

  
<div id="menu" class="tab_navigation">  
<a onclick="document.getElementById('nav1').style.color='#0099ff';document.getElementById('nav2').style.color='#000000';document.getElementById('show1').style.display='block';document.getElementById('show2').style.display='none';"><span id="nav1"><b>Show 1</b></span></a>  
<a onclick="document.getElementById('nav2').style.color='#0099ff';document.getElementById('nav1').style.color='#000000';document.getElementById('show2').style.display='block';document.getElementById('show1').style.display='none';"><span id="nav2"><b>Show 2</b></span></a>  
</div>  
  
<div id="show1" class="tab_container" style="display:block;z-index:100;">  
<h1>Mein Show 1</h1>  
</div>  
<div id="show2" class="tab_container" style="display:none;z-index:200;">  
<h1>Mein Show 2</h1>  
</div>  

Danke