Un accordion in javascript e jQuery senza usare plugin.

Ecco un piccolo script per creare un semplice ma completo menu’ nidificato con effetto accordion in jQuery, CSS e HTML. Il tutto in sole 7 righe di javascript

Un piccolo appunto su come realizzare velocemente un menu con effetto accordion nidificato. E’ anche possibile “attivare” il menu su un elemento a piacere, ad esempio per evidenziare la pagina corrente, aggiungendo la classe “current” agli elementi “li” dell’ elenco. Il tutto utilizzando jQuery e sole 7 righe di JS.

Se vi servono spunti per gestire la parte php/mysql del menu’ potete dare un occhiata qui.

Di seguito il codice minimo essenziale per far funzionare il tutto

Javascript

HTML

CSS

Ed ecco qui il risultato.