Udfoldelse forbliver udfoldt
Hej,Jeg har dette script som, når man klikker på et link, vises/skjules en <div>.
Det er dog sådan at når man skifter side forbliver <div>'en ikke vist. Så man skal igen klikke for at få <div>'en vist. Er der en måde så når <div>'en en gang er blevet vist, så forbliver den vist?
På forhånd mange tak!
Her er koden:
<script>
imgout=new Image(9,9);
imgin=new Image(9,9);
/////////////////BEGIN USER EDITABLE///////////////////////////////
imgout.src="pic/add2.gif";
imgin.src="pic/remove2.gif";
///////////////END USER EDITABLE///////////////////////////////////
//this switches expand collapse icons
function filter(imagename,objectsrc){
if (document.images){
document.images[imagename].src=eval(objectsrc+".src");
}
}
//show OR hide funtion depends on if element is shown or hidden
function shoh(id) {
if (document.getElementById) { // DOM3 = IE5, NS6
if (document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = 'block';
filter(("img"+id),'imgin');
} else {
filter(("img"+id),'imgout');
document.getElementById(id).style.display = 'none';
}
} else {
if (document.layers) {
if (document.id.display == "none"){
document.id.display = 'block';
filter(("img"+id),'imgin');
} else {
filter(("img"+id),'imgout');
document.id.display = 'none';
}
} else {
if (document.all.id.style.visibility == "none"){
document.all.id.style.display = 'block';
} else {
filter(("img"+id),'imgout');
document.all.id.style.display = 'none';
}
}
}
}
</script>
<img src="pic/add2.gif" name="imgfirst" width="9" height="9" border="0" ><a href="#first" onClick="shoh('first');" >Skjul/Vis</a>
<div style=\"display: none;\" id=\"first\" >
Nu er jeg vist!</div>
