codice:
<script type="text/javascript" language="javascript">
var UnQualche;
var LoUltimo="landi1";
function visualizza(id){
alert(UnQualche);
if (document.getElementById){
document.getElementById(LoUltimo).style.display = 'none';
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
}else{
document.getElementById(id).style.display = 'none';
}
LoUltimo=id;
}
}
</script>
<div style="float: left;">
<div class="row" id="landi1" style="display:none">
contenuto Uno
</div>
<div class="row" id="landi2" style="display:none">
Il contenuto Due
</div>
<div class="row" id="landi3" style="display:none">
Qui contenuto Tre
</div>
</div>
<div style="float: right;">
<a href="javascript: visualizza('landi1');">
<img src="path/filename.jpg" alt="Foto 1">
</a><br><br>
<a href="javascript: visualizza('landi2');">
<img src="path/filename.jpg" alt="Foto 2">
</a><br><br>
<a href="javascript: visualizza('landi3');">
<img src="path/filename.jpg" alt="Foto 3">
</a>
</div>
A LoUltimo dobbiamo dare un valore iniziale, uno qualunque dei DIV chiusi, altrimenti al primo click la
document.getElementById(LoUltimo).style.display = 'none'; rimane ineseguibile perché lo trova undefined e lo script si bloccherebbe lì. Come succederebbe con UnQualche, variabile dichiarata ma non valorizzata/definita (te lo dice l' alert che t' ho messo, che poi lo togli e lo conservi).
Al suo concludersi, la funzione lascia LoUltimo con il valore dell' ID ora stato aperto, da chiudersi al prossimo click.
La condizionale if (document.getElementById){ serve a verificare se il metodo document.getElementById è supportato dal Navigatore; e dacché lo è da IE 5. in avanti
lo potresti tralasciare, con la relativa graffa di chiusura.