Skjul <div> ved klik på link
Hej,Jeg har nedenstående script, og det virker meget tilfredstillende. Når man klikker på linket skjul/vis, bliver det i første omgang vist og hvis man klikker igen blvier det vist.
Nu vil jeg dog gerne have, at der er vist i begyndelsen og herefter, hvis man vælger at klikke på linket, bliver det fjernet.
På forhånd tak for hjælpen!
<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>
