• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div Layer verstecken UND verschieben

Status
Für weitere Antworten geschlossen.
E

ElNino24

Neues Mitglied
Hallo,

ich habe folgendes Problem: Immer wenn ich auf den Link klicke, verschwindet der komplette Layer, aber der Inhalt der Navigation (Buttons) rücken leider nicht nach oben "nach"...
Wie kann ich das erreichen?

Hier der Quellcode:

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
function showLayer() {

document.getElementById("gruen").style.visibility = "visible";

}


function hideLayer() {

document.getElementById("gruen").style.visibility = "hidden";

}


//-->
</script>
</head>

<body>
<a href="javascript:hideLayer();">Div verbergen</a>&nbsp;&nbsp;&nbsp;<a href="javascript:showLayer();">Div anzeigen</a>
<div id="gruen" style="position:absolute; left:100px; top:100px; z-index:1">
<!-- übergeordneter Button hier -->
<div id="gruen">
Punkt 1<br>
Punkt 2<br>
<!-- usw. -->
</div>

<!-- Hier sind die anderen Buttons die nachrücken sollen wenn der div mit der id gruen "hidden" ist -->

</body>
</html>
 
Wenn Du etwas unsichtbar (invisible) machst, bleibt der Platz reserviert. Das Element ist nur nicht sichtbar.
Um es komplett verschwinden zu lassen, benutze display:none.

Ist aber ne CSS- und keine JavaScript-Frage.
 
Danke, aber habs mit...

document.getElementById("nav").style.position="relative";
document.getElementById("nav").style.left="0px";
document.getElementById("nav").style.top="-128px";
.....

hingekriegt! :-)
 
Danke, du hast Recht...
Das hat nur Probleme gemacht und wurde im IE und Firefox auch komplett anders angezeigt...
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben