Zitat:
ich kann leider fast kein JS
|
... macht nüschts.
Probiers mal so, ist denke ich einfacher.
Javascript-technisch, like this:
Code:
function toggleswitch(div)
{
var option=['div01','div02','div03','div04']; // nach belieben fortsetzen ...
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div) && !(obj.style.display=="block")? "block" : "none"; }
}
Und Html:
Code:
<a href="#" onclick="toggleswitch('div01')" >Div 1</a>
<div id="div01" style="display:none" class="box">
Content Textlink 1
</div>
<br />
<a href="#" onclick="toggleswitch('div02')" >Div 2</a>
<div id="div02" style="display:none" class="box">
Content Textlink 2
</div>
Achte auch darauf das nach CSS-Regeln immer nur eine ID vergeben werden darf !
Auch würde ich das Script auslagern in eine externe Datei (z.B. toggle.js )
Gruss, T.