in en uitklapbare divje

Status
Niet open voor verdere reacties.
Z

zomba

Nieuwe gebruiker
Lid geworden
23 aug 2008
Berichten
2
Goedendag,

Ik heb een scriptje gemaakt waarbij de inhoud van een alinea wordt getoond
wanneer er op de titel geklikt is. Bij nogmaals klikken: is de inhoud weg.

werkt prima, maar nou krijg ik het niet voor elkaar dat wanneer er op de volgende alinea geklikt wordt, de andere alinea's weer inklappen.

De code:

<html>
<head>
<script language="JavaScript">

function showcodes(a,naamdiv) {
var info = document.getElementById( naamdiv );
if (info.style.display == "block") {
info.style.display = "none";
}else {
info.style.display = "block";
}
}

</script>
</head>

<body>
<p>In en uitklappen</p>

<span style="none" onclick="showcodes(this,'alinea1');">alinea1</span><br/>
<div id="alinea1" style="display: none;">Tekst alinea1</div>

<span style="none" onclick="showcodes(this,'alinea2');">alinea2</span><br/>
<div id="alinea2" style="display: none;">Tekst alinea2</div>

<span style="none" onclick="showcodes(this,'alinea3');">Alinea3</span><br/>
<div id="alinea3" style="display: none;">Tekst alinea3</div>

</div>
</body>

Ik heb geprobeerd gebruik te maken van return, maar werkte ook niet.
Heb je enig idee?

Mvg, zomba
 
Dan moet je onthouden wel je open hebt staan en dit eerst sluiten. Probeer dit eens:
Code: 
var info = null;
function showcodes(a,naamdiv) {
	if (info) info.style.display = "none";
	info = document.getElementById( naamdiv );
	if (info.style.display == "block") {
		info.style.display = "none";
	}else {
		info.style.display = "block";
	}
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan