Apertura di un livello al click

[Lollinos]

Scrivo qui perchè penso che sia la sezione giusta, ma se ho sbagliato chiedo scusa

So che il titolo non è molto chiaro, ma non so come chiamarlo.

Allora vorrei un codice che quando io clicco su un bottone mi si apre un'altro livello, contenente altre sccritte o immagini, che interagisca con la pagina iniziale.

Esempio - Clicco sul bottone: Home --> Apertura di un livello nella stessa pagina --> Clicco sul Collegamento: Staff Sito --> Apertura di un'altro livello contenente tutto lo staff del sito web.

Spero che con l'esempio vi abbia chiarito che cosa vorrei

[tempestaluna]

ciao non sò se sei già riuscito a risolvere il tuo problema ma io con questo script ho risolto in parte, spero che tu non abbia da aprire molti livelli nella stessa pagina:

il codice java che ho utilizzato è questo:

function showDiv(){
Div = document.getElementById('nomediv');

e nella pagina in html lo richiamo con:

apri il livello nomediv

ciao e buona fortuna

[Lollinos]

innanzi tutto grazie per avermi risposto

Cercando in giro ho risolto il mio problema con l' Accordin che da anche un bel effetto grafico.
Però mi interessa anche questo modo

Dimmi se ho capito bene:

Nel Codice Java devo mettere così:

function showDiv(){
Div = document.getElementById('Livello1')2,

Mentre nel codice HTML così:

Livello1

Però se voglio fare questo procedimento con più div, basta ke nel codice Java faccio così?:
('Livello1','Livello2')

[tempestaluna]

nel codice java basta che cambi il 'nomediv' con l'id che hai messo nella pagina in html così:

/*** pagina in html ***/

<div id="livello1">questo è il livello 1</div>

/*** pagina in java ***/

function showDiv(){
oDiv = document.getElementById('Livello1');
oDiv.style.display='block';
return false;
}


NB1: se hai più livelli da far vedere io ho risolto così:

/*** pagina in html ***/

<div id="livello1">questo è il livello 1</div>
<div id="livello2">questo è il livello 2</div>
<div id="livello3">questo è il livello 3</div>
<div id="livello4">questo è il livello 4</div>

/*** pagina in java ***/

function showDiv(){
oDiv = document.getElementById('Livello1');
Div.style.display='block';
oDiv = document.getElementById('Livello2');
Div.style.display='block';
oDiv = document.getElementById('Livello3');
Div.style.display='block';
oDiv = document.getElementById('Livello4');
Div.style.display='block';
return false;
}

NB2: se invece vuoi nascondere i livelli per esempio 3 e/o 4 basta cambiare 'block' con 'none'
io ho risoto così e a me funziona forse è più semplice di accordition, però mi da il problema che se ho più di 15/16 livelli da mostrare o nascondere non funziona... e quindi adesso sono alla ricerca ti una soluzione.

[Lollinos]

ok, ho capito grazie ^^ .