Öffnen/Schließen von Texten mit Java-Script

<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 1</div>
</div>
<hr />
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 2</div>
</div>
<hr />
<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 3</div>
</div>
<script type="text/javascript">
<!--
var text_oeffnen = "&Ouml;ffnen";
var text_schliessen = "Schliessen";
function klappen(s){
var oeffner = s;
var content = s.parentNode.childNodes[3];
if(content.style.display == "none"){
content.style.display = "block";
oeffner.innerHTML = text_schliessen;
}
else{
content.style.display = "none";
oeffner.innerHTML = text_oeffnen;
}
}
//-->
</script>

<div>
<label onclick="klappen(this)">&Ouml;ffnen</label>
<div style="display:none;">Text 1</div>
</div>