Hallo,
ich bin am rumdoktern und komme hier einfach nicht weiter.
Wenn man auf text1 klickt, soll text1 erscheinen. Wenn man auf text2 klickt, dann text2. Aber text1 soll dann auch verschwinden. Was er nicht tut.
Ich habe mehrere Texte, die man nacheinander durchblicken kann.
Wie stelle ich das an? Kann mit jemand auf die Sprünge helfen?
Grüsse
ich bin am rumdoktern und komme hier einfach nicht weiter.
Wenn man auf text1 klickt, soll text1 erscheinen. Wenn man auf text2 klickt, dann text2. Aber text1 soll dann auch verschwinden. Was er nicht tut.
Ich habe mehrere Texte, die man nacheinander durchblicken kann.
Wie stelle ich das an? Kann mit jemand auf die Sprünge helfen?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
if(document.getElementById(element).style.display == 'none')
document.getElementById(element).style.display = 'block';
else
document.getElementById(element).style.display = 'none';
}
//-->
</script>
</head>
<body>
<div id="id1" style="height: 32px; left: 32px; position: absolute; top: 510px; width: 832px; z-index: 1; ">
<p>
<a href="javascript:toggleDiv('text1');">text1</a>
<a href="javascript:toggleDiv('text2');">text2</a>
<a href="javascript:toggleDiv('text3');">text3</a>
<a href="javascript:toggleDiv('text4');">text4</a>
</p>
</div>
<div id="text1" style="display:none; height: 190px; left: 29px; position: absolute; top: 189px; width: 536px; z-index: 1; ">
<p>text1</p>
</div>
<div id="text2" style="display:none; height: 190px; left: 29px; position: absolute; top: 189px; width: 536px; z-index: 1; ">
<p>text2</p>
</div>
<div id="text3" style="display:none; height: 190px; left: 29px; position: absolute; top: 189px; width: 536px; z-index: 1; ">
<p>text3</p>
</div>
<div id="text4" style="display:none; height: 190px; left: 29px; position: absolute; top: 189px; width: 536px; z-index: 1; ">
<p>text4</p>
</div>
</body>Grüsse
