Ecco,
ho trovato in una discussione vecchiotta questo codice per mostrare/nascondere più <div> tramite il click su un unico link:
JS:
Codice PHP:
function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && document.all)? document.all :
oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i<arrElements.length; i++){
oElement = arrElements[i];
if(oRegExp.test(oElement.className)){
arrReturnElements.push(oElement);
}
}
return (arrReturnElements)
}
function mostra_nascondi() {
var d = getElementsByClassName(document, "div", "small");
for (i=0; i<d.length; i++) { if (d[i].style.display=='none') { d[i].style.display='block'; } else { d[i].style.display='none'; } }
}
E questo l'HTML:
Codice PHP:
<div id="w1" class="small" style="display: block">contenuto1</div>
<div id="b1" class="small" style="display: block">contenuto2</div>
<div id="s3" class="small" style="display: block">contenuto3</div>
[url="#null"]Show/Hide[/url]
Funziona perfettamente. Però vorrei modificarlo per riuscire a gestire la cosa da DUE link: cliccando sul primo si dovrebbero mostrare tutti i <div>, mentre con il secondo si dovrebbero nascondere.
Bisogna modificarlo pesantemente?
Grazie,
goat