Simon: DIV ein/ausblenden über link mit getElementById

Beitrag lesen

SELF-Forum

DIV ein/ausblenden über link mit getElementById

Simon Homepage des Autors
– Informationen zu den Bewertungsregeln

Hey Leute, bin gerade am verzweifeln, habe 2 DIVs, Nr 2 ist Hidden, bei mouseover 1 soll 2 eingeblendet werden, komme aber irgendwie nicht weiter, wer findet den Fehler?

  
<!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>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Test</title>  
  
  
<script language="JavaScript" type="text/JavaScript">  
function show (id)  
{  
  if (document.getElementById(id).style.visibility=="hidden")  
  {  
     document.getElementById(id).style.visibility="visible";  
  } else  
  {  
   document.getElementById(id).style.visibility="hidden";  
  }  
}  
</script>  
  
  
<style type="text/css">  
<!--  
#apDiv1 {  
 position:absolute;  
 left:90px;  
 top:60px;  
 width:45px;  
 height:42px;  
 z-index:1;  
}  
#apDiv2 {  
 position:absolute;  
 left:135px;  
 top:60px;  
 width:155px;  
 height:86px;  
 z-index:2;  
}  
-->  
</style>  
</head>  
  
<body>  
  
<div id="apDiv1"><a href="#" onmouseover="show("apDiv2");">bl</a></div>  
<div id="apDiv2" style="visibility:hidden">blaa</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln