Ciao a tutti,
prendendo spunto da http://javascript.html.it/articoli/l...ascript-e-css/ volevo renderlo multilivello, siccome sto studiando adesso Javascript avrei bisogno del vostro aiuto.

Ho capito che si riescono a fare dei menù multilivello utilizzando degli elenchi puntati con un codice html veramente pulito tipo

Codice PHP:
<ul class="mlddm">[*][url="#"]Item 1[/url]
    <ul>[*][url="#"]Item 1.1[/url][*][url="#"]Item 1.2[/url][*][url="#"]Item 1.3[/url][/list]
  [*][url="#"]Item 2[/url]
    <ul>[*][url="#"]Item 2.1[/url][*][url="#"]Item 2.2[/url][*][url="#"]Item 2.3[/url]
        <ul>[*][url="#"]Item 2.3.1[/url][*][url="#"]Item 2.3.2[/url][*][url="#"]Item 2.3.3[/url][/list]
      [/list]
  [*][url="#"]Item 3[/url][/list] 
e quindi vorrei seguire questa strada.
In rete si trovano tanti esempi questi ma hanno i livelli che si espandono al passaggio del mouse e attualmente non sono in grado di modificare le funzioni/classi che intervengono per gestire l'espansione/contrazione, ecco un paio di esempi

http://javascript-array.com/scripts/...rop_down_menu/
http://www.dynamicdrive.com/style/cs...el_css_menu_2/

mentre a me serve che l'espansione/contrazione del livello venga comandata dal click come questo

http://reference.sitepoint.com/html/elements-structural

partendo dall'ipotesi dell'html sopra riportato, qualcuno ha una funzione/classe javascript (e il css strettamente necessario) da passarmi per gestire l'espansione/contrazione? Ovviamente se avete qualcosa che lavori su html "meno pulito" andrebbe bene lo stesso, purchè sia multilivello, verticale e comandato da click.
Grazie a tutti.