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 coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li 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 escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus.</span>
<div onclick="openClose('a3')" class="mainExpand">Voce 03</div>
<span id="a3" class="texter">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed 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=0; i < divNum.length; i++) {
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