klick auf Div neues Div

A

Anacondi

Erfahrenes Mitglied
Hallo ich möchte gern wenn ich div 1 anklicke, das dann div 2 aufgeht.
Und in dem Div 2 nen Button , der das div 2 wieder unsichtbar macht, habe aber beim googeln keine lösung gefunden.
kann mir wer helfen? mein code:
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 244px;
	top: 160px;
}
</style>
</head>

<body>
<div id="apDiv1">Div1</div>
<div id="apDiv2">Div2</div>
</body>
</html>

nachtrag: Div 1 soll immer sichtbar sein.
 
Die Frage in der Rubrik HTML-Editoren zu stellen ist nicht wirklich passend. Gehört wohl eher in den Bereich "Javascript"


HTML: 
<div id="apDiv1" onclick="div1_funktion()">DIV 1</div>
<div id="apDiv2" onclick="div2_funktion()" style="display: none;">DIV 2</div>

Javascript: 
function div1_funktion () {
    document.getElementById("apDiv2").style.display= "block";
}

function div2_funktion () {
    document.getElementById("apDiv2").style.display= "none";
}

Du setzt per CSS DIV 2 zuerst auf unsichtbar. Klickt man dann DIV 1 an wird die entprechende Funktion aufgerufen und ebenfalls perr CSS die Eigenschaft geändert. Gleiches gilt wenn du DIV 2 anklickst, nur das er dann halt wieder unsichtbar wird.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück