klickmich: Div mit JS ausblenden/einblenden

Beitrag lesen

Hallo Forum,

ich möchte Folgendes:

Auf einer html-Seite befindet sich ein Link, der ein Javascript ausführt, welches ein DIV-Element einblendet.

Wird die Seite geladen, ist das DIV-Element unsichtbar.

Wenn ich die Seite ohne aktiviertem Javascript lade, soll der Inhalt des DIV-Elements auch sichtbar sein.

Ich habe dazu folgenden html-Seitencode, leider schaffe ich es nicht, bei aktiviertem Javascript, den DIV-Inhalt beim 1. Laden ausgeblendet anzuzeigen:

  
<!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" xml:lang="en" lang="de">  
  
<head>  
		  
<meta http-equiv="Content-Language" content="de" />  
<meta http-equiv="Content-Type" 	content="text/html;charset=utf-8" />  
		  
<title>Test</title>  
  
<script type="text/javascript">  
function einaus(id) {  
var x = document.getElementById(id);  
if(x.style.display == 'none')  
x.style.display = 'block';  
else  
x.style.display = 'none';  
}  
</script>  
  
</head>  
<body>  
<a href="javascript: einaus('anzeige1');" title="link">Divinhalt folgt hier</a>  
  
<div id="anzeige1">inhalt div1</div>  
  
<script type="text/javascript">  
//<![CDATA[  
document.write('<div id="anzeige1" style="display:none;">1111');  
//]]>  
</script>  
<script type="text/javascript">  
//<![CDATA[  
document.write('</div>');  
//]]> */  
</script>  
  
  
</body>  
</html>  

Für Eure Hilfe bin ich sehr dankbar!

km