Un semplice Accordion con jQuery

Gli Accordion menu sono sempre più usati.

In verità anche non solo per i menu, ma per i box con divesri contenuti.

Se avete jQuery UI già integrato potete tranquillamente usare la funzione accordion inclusa.

Sennò, con jQuery, possiamo crearne uno noi in maniera semplice.

Partiamo dalla pagina:

<div id="accordion"> <div class="level"> <a href="#" class="opening"><h3>DIV 1</h3></a> <div class="expanded"> <p> TESTO </p> </div> <a href="#" class="opening"><h3>DIV 2</h3></a> <div class="expanded"> <p> TESTO </p> </div> <a href="#" class="opening"><h3>DIV 3</h3></a> <div class="expanded"> <p> TESTO </p> </div> </div> </div>

Abbiamo 3 div con diverso conteuto.