Variablen Suche Vereinfachung für diesen DIV-Ein-/Ausblender

[CHGS]

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

 

[hartzie]

Das ist Javascript und das hier ist ein Java forum...

 

[Gast2]

Wenns dir darum geht zwei Divs umzuschalten, dann würd ich das mit jQuery machen:

<a href="javascript:$('#div1, #div2').toggle();">Umschalten</div>
<div id="div1">Erstes</div>
<div id="div2" style="display: none;">Zweites</div>