show/hide di una div compatibile con un'area ripetuta?

[webboy82]

quacuno ha un codice per mostrare / nascondere una div (molto semplice) con dentro un contenuto dinamico, che sia compatibile con la funzione "area ripetuta"?

non riesco a trovarlo da nessuna parte

[xnavigator]

Originariamente inviato da webboy82
quacuno ha un codice per mostrare / nascondere una div

questo è HTML, non php sei sul forum sbagliato..

(molto semplice) con dentro un contenuto dinamico,

un div non può avere un contenuto dinamico.. il contenuto è sempre statico in quanto è HTML (al massimo può variare utilizzando js o ajax)

che sia compatibile con la funzione "area ripetuta"?

e che cos'è questa funzione area ripetuta?

---
ti rendi conto che da come hai scritto all'inizio è impossibile aiutarti?

[alcio74]

Devi usare JAVASCRIPT.
Posta nel forum dedicato, ma siccome è un argomento di sicuro trattato più e più volte, prima fai una ricerchina.

Comunque è una funzione abbastanza stupida che sfrutta il DOM dell'HTML.

[tito.free]

ti bastano 2 files jsmenu.css e expandOne.js

------------------------expandOne.js---------------------------------
//javascript per menu espandibile con massimo un livello aperto
var prev="null";

window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
document.getElementById("nav").className="jsenable ";
BuildList();
}
}

function BuildList(){
var hs=document.getElementById("nav").getElementsByTag Name("h3");
for(var i=0;i<hs.length;i++){
hs[i].onclick=function(){
if(this.parentNode.className!="show"){
this.parentNode.className="show";
if(prev && prev!=this.parentNode) prev.className="hide";
prev=this.parentNode;
}
else this.parentNode.className="hide";
}
}
}
------------------------expandOne.js---------------------------------

-----------------------------jsmenu.css------------------------------
/*css essenziale se javascript è abilitato*/
div.jsenable h3{cursor: pointer}
div.jsenable ul ul{display:none}
div#nav li.hide ul{display:none}
div#nav li.show ul{display:block}
/*sub_menu titolo attivo*/
div#nav li.show h3{background-color: #FFA500}
-----------------------------jsmenu.css------------------------------

nella pagina html dentro il <div id="nav"> ... </div> crei un elenco il primo <ul>[*] fa da titolo il secondo (sempre <ul>[*] è il contenuto.
So stato sintetico spero ti sia chiaro