[FONT=Times New Roman, serif]Servus Zusammen![/FONT]
[FONT=Times New Roman, serif]Auf meiner Internetseite verstecke ich einige Elemente mit der Funktion "toggle", die dann über einen Button angezeigt werden können. Den Code binde ich wie folgt in meine *.html Datei ein: [/FONT]
[FONT=Times New Roman, serif]Das Ganze funktioniert soweit tadellos, jedoch hätte ich gerne, dass immer nur ein Element angezeigt werden kann. Z.B., wenn ich "rechts" anzeige, versteckt sich "links" und wenn ich "links" anzeige, versteckt sich "rechts". Leider weiß ich nicht, wie ich das verwirklichen kann und ich bitte um Eure Hilfe.[/FONT]
[FONT=Times New Roman, serif]Liebe Grüße und besten Dank im Vorraus[/FONT]
[FONT=Times New Roman, serif]rebel-k[/FONT]
[FONT=Times New Roman, serif]Auf meiner Internetseite verstecke ich einige Elemente mit der Funktion "toggle", die dann über einen Button angezeigt werden können. Den Code binde ich wie folgt in meine *.html Datei ein: [/FONT]
Code:
<script type="text/javascript">
<!--
function toggleMe(a,x){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block";
}
else{
e.style.display="none";
}
return true;
}
//-->
<input type="image" class="toggle" onclick="return toggleMe('rechts',this)" src="rechts.gif">
<div id="rechts" style="display:none">
<!-- INCLUDE portal/block/latest_members.html -->
</div>
<input type="image" class="toggle" onclick="return toggleMe('links',this)" src="links.gif">
<div id="links" style="display:none">
<!-- INCLUDE portal/block/leaders_ext.html -->
</div>
[FONT=Times New Roman, serif]Liebe Grüße und besten Dank im Vorraus[/FONT]
[FONT=Times New Roman, serif]rebel-k[/FONT]