div visible - hidden

[Ghena]

salve,

ho trovato qui questo codice:

<script language="javascript">
function apri_chiudi(az) {
if (az=="nasc") {
document.getElementById("costi").style.visibility="hidden";
}
if (az=="vis") {
document.getElementById("costi").style.visibility="visible";

}
}
</script>


<a href="javascript:apri_chiudi('nasc')">
<div align="center" style="visibility:visible">visibile</div>
<div id="costi" align="center" style="visibility:visible">invisibile</div>

il problema è che nasconde la div e non la rende nuovamente visibile.

 

[sassidesign]

prova a modificare questo tutorial.

non so se ti potrà essere di aiuto

 

[daviduccio]

<script language="javascript">
function apri_chiudi(az) {
if (az=="nasc") {
document.getElementById("costi").style.visibility="hidden";
}
if (az=="vis") {
document.getElementById("costi").style.visibility="visible";

}
}
</script>


<a href="javascript:apri_chiudi('nasc')">
<div align="center" style="visibility:visible">visibile</div></a>
<a href="javascript:apri_chiudi('vis')"><div id="costi" align="center" style="visibility:visible">invisibile</div></a>

 

[Ghena]

x daviduccio.

Si lo script era il tuo...
ma mi sono spiegato male il mio obiettivo è quello di collassare/espandere la div con un unico link!
E' possibile farlo?

ciao.

 

[Ghena]

ho risolto utilizzando il tutorial...

in questo modo:

<script type="text/javascript" language="javascript">
function visualizza(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
}
</script>

<a href="javascript:visualizza('quote')">
<img src=../images/sel+.gif border="0" src="../images/sel-.gif" width="14" height="13" alt="ESPANDI"></a></td></div>

ma vorrei fare in modo da cambiare l'immagine di default al momento del click.
Ho provato usando :
document.getElementById(id).src='../images/sel-.gif';
a nasconde solo l'immagine non la div