A questo indirizzo potete trovare l'esempio: http://lavori.sonsof.net/js1

Questo il codice HTML:

Codice PHP:
<div onclick="openClose('a1')" class="mainExpand">Voce 01</div>
<
span id="a1" class="texter">Ma quande lingues coalesceli grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent linguesLi nov lingua franca va esser plu simplic e regulari quam.</span>

<
div onclick="openClose('a2')" class="mainExpand">Voce 02</div>
<
span id="a2" class="texter">Epsum factorial non deposit quid pro quo hic escorolOlypian quarrels et gorilla congolium sic ad nauseumSouvlaki ignitus carborundum e pluribus unumDefacto lingo est igpay atinlayMarquee selectus.</span>

<
div onclick="openClose('a3')" class="mainExpand">Voce 03</div>
<
span id="a3" class="texter">Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut.</span
E questo il JS che uso:

Codice PHP:
if (document.getElementById) {
  
document.write('<style type="text/css">.texter {display:none; width:350px; color:#404040; font:.9em verdana,arial,helvetica,sans-serif; margin-bottom:10px;}</style>') }

  var 
divNum = new Array("a1","a2","a3");

function 
openClose(theID) {
  for(var 
i=0divNum.lengthi++) {
    if (
divNum[i] == theID) {
      if (
document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display "none" }
      else {
        
document.getElementById(divNum[i]).style.display "block"
      
}
  } else {
    
document.getElementById(divNum[i]).style.display "none"; }
  }

Il tutto funziona bene. Ora però m'è stato chiesto di modificare il comportamento del JS: dovrei riuscire a fare in modo che lo <span> visualizzato rimanga sempre visibile, e non si chiuda quando clicco un altro dei link. Dovrebbe nascondersi semplicemente cliccando sul link corrispondente.
Così facendo, da che ho intuito io, non avrei più bisogno di questa riga di codice "var divNum = new Array("a1","a2","a3");", giusto?
Spero di essere stato chiaro.
Grassie,
goat