Div anzeigen und wieder entfernen ohne Reload

mkoeni1

Erfahrenes Mitglied
Hallo Leute,

ich möchte einen Div Bereich durch einen Mausklick anzeigen und wieder auf "hidden" setzen ohne Reload der Seite.

Dazu habe ich diesen Codeschnipsel entwickelt:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ein Web-Interface</title>
<link rel="stylesheet" type="text/css" href="css/robo.css">
<script language="JavaScript">
var anzeige=false;
function more(){
if (anzeige==false){
document.getElementById("text").style.visibility="visible";
document.getElementById("link1").innerHTML="- More";
anzeige==true;
}else{
document.getElementById("text").style.visibility=" hidden";
document.getElementById("link1").innerHTML="+ More";
anzeige==false;
}
}
</script>


<body>

Irgendein Text auf der Seite .....

<a href="javascript:more()" id="link1">+ More</a>

<div id="text" style="visibility:hidden;">
bla bli blu ....
</div>
</body>
</html>

Es lässt sich aber nicht ausführen. Ich verwende den FF 2.0.0.6.. kann mir bittte jemand helfen.


Vielen Dank und Gruß
Matze
 
Zuletzt bearbeitet:
es hat sich der Feherteufel eingeschlichen, es muss heißen:
Code:
anzeige=true;
sowie
Code:
anzeige=true;

Viel Spass
Matze
 

Neue Beiträge

Zurück