scambio tra DIV all'ONCLICK

[-AA-]

ho una serie di dive che si "dovrebbero" scambiare tra di loro all'onclick da un link

Esempio:

<div>
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]chi siamo[*]terza[*]Index[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]Index[*]terza[*]chi siamo[/list]
</div>



<div id="wait" style="display: none">
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>

in sostanza ad ogni LINK (in questo caso 3) corrisponde 1 div da mostrare in sostituzione di quello clikkato

usando questa funzione

<script type="text/javascript">
// <![CDATA[
function showhide(btt) {
 document.getElementById('wait').style.display='block'; 
 btt.parentNode.style.display = 'none';
}
// ]]>
</script>

per cui onclick="showhide(this)"

Ottengo in parte quel che vorrei con diversi BUGS da correggere
1 attualmente a "sparire è solo la voce cliccata e non tutto il div
esempio:

<div>
<ul id="nav">[*]Index[*]chi siamo[*]terza[/list]
</div>

al click su index invece che sparire tutto il div si trasforma così

<div>
<ul id="nav">[*]chi siamo[*]terza[/list]
</div>

seconda cosa non so come ad ogni link attribuire la visibilità di un div invece che 1 altro...

[Xinod]

prima di tutto c'e' un errore grave: gli id sono identificatori univoci nel documento, piu' elementi non possono avere stesso id

poi, fossi in te non duplicherei mai la parte di markup che deve cambiare,
codice difficile da gestire e comunque ridondante, per uomini/dispositivi/motori di ricerca

per iniziare, con l' aiuto di un po' di DOM,
- clonerei il parentNode del link ([*])
- lo appenderei all' <ul>
- rimuoverei il[*] originale

[-AA-]

Ciao Xinod
Tu parli per l'ID"nav" ? si quello ha una funzione "diversa" ovvero quella di caricarmi il contenuto ma è/dovrebbe essere una cosa slegata dal discorso di menu se lo cambio per ogni blocco, anche quelli nascosti mi tocca gestire anche la funzione di caricamente dei contenuti.

attualmente ho fatto 1 piccolo passo avanti ma non so se nella direzione giusta...questo è quanto fatto fino ad ora come test:

www.wikimedical.it/mix2/index.html

come vedi clikkando su index...la voce index scala in ultima posizione...solo che poi gli altri "link non funzionano + a modo

[Xinod]

avere piu' elementi con lo stesso id e' sbagliato a priori, qualunque sia il motivo

gia' usi jquery, il procedimento che ti ho illustrato a parole con jquery e' anche piu' semplice da realizzare

[-AA-]

si cmq il mio scopo è quello di riuscire ad eliminare il dupplicare la lista X volte...anche perchè questo è un test...nella realtà avro almeno 15 link per cui questa soluzione di dupplicare le liste non è molto bella oltre che non corretta...

mi do una letta ora alla guida.
Hai un link + diretto che mi permetta di arrivare alla soluzione..purtroppo il tempo è quel che è come al solito :-(