Folde ud kasser
Jeg har lavet nedenstående:--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="da">
<head>
<title>Pakke ind og ud test</title>
<script type="text/javascript">
var show = new Array();
show[1] = false;
show[2] = false;
show[3] = false;
t=new Array(0,"Dette er så teksten for den<br/>første<br/>foldeud boks","Bemærk at man godt kan have <b>html koder</b> med","og så videre");
function change(nr) {
var x="d" + nr + "b";
show[nr]=!show[nr];
if (show[nr]) {
document.getElementById(x).innerHTML=t[nr];
} else {
document.getElementById(x).innerHTML="";
}
}
</script>
</head>
<body>
<div onClick="java script:change(1);" id="d1a"><img src="ikon.gif">Test<br>
<div id="d1b"></div>
</div>
<div onClick="java script:change(2);" id="d2a"><img src="ikon.gif">Test2<br>
<div id="d2b"></div>
</div>
<div onClick="java script:change(3);" id="d3a"><img src="ikon.gif">Test3<br>
<div id="d3b"></div>
</div>
</body>
--
Men er ikke helt tilfreds.
For det første vil jeg gerne have en glat udfoldning. Det kan jeg hvis jeg i stedet restringere højden at min div-boks. Men hvordan kan jeg vide hvad dens fulde højde er???
For det andet så kan jeg ikke få den foldet helt sammen, - hvorfor ikke?
Så kom med forslag til forbedringer, - helst en div-boks med style="height:0 px; overflow:hidden;" ting hvor jeg i javascript kan ændre height til det rigtige.
