Vis/skjul tekst med checkboks - gerne animeret
Jeg har brug for for 10 checkbokse med muligheder i en form at få vist noget supplerende tekst til hver af de markerede checkbokse. Dvs. når man afkrydser et felt skal der komme noget tekst til syne på linjen lige under og resten af siden skubbes ned. Denne visning må meget gerne være animeret men er ikke noget krav.Jeg har foreløbig denne kode, men bliver noget ufiks hvis der skal være en funktion til hver checkboks - der må kunne laves en parameter til at samle det hele i en funktion:
<html>
<head>
<script>
function fnchecked(blnchecked)
{
if(blnchecked)
{
document.getElementById("divcheck").style.display = "";
}
else
{
document.getElementById("divcheck").style.display = "none";
}
}
function fnchecked1(blnchecked1)
{
if(blnchecked1)
{
document.getElementById("divcheck1").style.display = "";
}
else
{
document.getElementById("divcheck1").style.display = "none";
}
}
</script>
</head>
<body>
<input type="checkbox" name="fldcheckbox" id="fldcheckbox" onclick="fnchecked(this.checked);"/>
Test1
<div id="divcheck" style="display:none;">
Uddybende tekst for Test1
</div>
<br/>
<input type="checkbox" name="fldcheckbox1" id="fldcheckbox1" onclick="fnchecked1(this.checked);"/>
Test2
<div id="divcheck1" style="display:none;">
Uddybende tekst for Test2
</div>
</body>
</html>
