Newsgroup: it.comp.lang.javascript
Titolo: menu toggle con o senza jQuery

Salve a tutti,
premetto che sono molto a digiuno di javascript.
Ho la necessitï¿œ di realizzare un menu verticale
con 3 livelli di sottomenu espandibili.
Sono riuscito a realizzare la versione base di quello che
vorrei fare, ovvero posso cliccare sulle singole voci del menu
e guardare e aprire le voci dei sottomenu.
Il problema ï¿œ che vorrei che quando apro una voce del menu
si chiudano le altre.
Sapreste consigliarmi una soluzione?
Eventualmente jQuery puï¿œ venirmi incontro e come?
L'effetto che vorrei ï¿œ tipo quello di una fisarmonica
ma con 3 sottolivelli.
(ne ho trovata una fantastica, ma con soli 2 sottolivelli.)
Franz
Allego qui il codice
       var browserType;
       if (document.layers) { browserType = "nn4" }
       if (document.all) { browserType = "ie" }
       if (window.navigator.userAgent.toLowerCase().match("gecko")) {
           browserType = "gecko"
       }
       function changeStatus(div_id) {
           if (browserType == "gecko") {
               document.poppedLayer = 
eval('document.getElementById(div_id)');
               if (document.poppedLayer.style.display == "none") {
                   show2(div_id);
               }
               else {
                   hide2(div_id);
               }
           }
           else if (browserType == "ie") {
               document.poppedLayer = 
eval('document.getElementById(div_id)');
               if (document.poppedLayer.style.display == "none") {
                   show2(div_id);
               }
               else {
                   hide2(div_id);
               }
           }
           else {
               document.poppedLayer = eval('document.layers[div_id]');
               if (document.poppedLayer.style.display == "none") {
                   show2(div_id);
               }
               else {
                   hide2(div_id);
               }
           }
       }
       function hide2(div_id) {
           if (browserType == "gecko")
               document.poppedLayer =
          eval('document.getElementById(div_id)');
           else if (browserType == "ie")
               document.poppedLayer =
         eval('document.getElementById(div_id)');
           else
               document.poppedLayer =
         eval('document.layers[div_id]');
           document.poppedLayer.style.display = "none";
       }
       function show2(div_id) {
           if (browserType == "gecko")
               document.poppedLayer =
          eval('document.getElementById(div_id)');
           else if (browserType == "ie")
               document.poppedLayer =
         eval('document.getElementById(div_id)');
           else
               document.poppedLayer =
          eval('document.layers[div_id]');
           document.poppedLayer.style.display = "block";
       }

        var browserType;
questo codice è una immane schifezza e, a naso, ha almeno 10 anni.
Per semplificarti la vita, ultimamente ho usato questo plugin per jquery; 
ho dovuto sistemare alcune cosette ma mi sembra funzionare bene (e ha 
sottolivelli infiniti):
http://p.sohei.org/stuff/jquery/menu/demo/demo.html

 
http://p.sohei.org/stuff/jquery/menu/demo/demo.html
grazie per il link, ma non è quello che cerco.
Neanche con mille personalizzazioni.
Perchè questo è menu drop down, quello che voglio io invece
è uno slide.
Grazie comunque
Franz

 è uno slide.
Prova questi tre siti:
http://www.cssmenumaker.com/
http://www.cssmenubuilder.com/home
http://www.cssplay.co.uk/menus/
Hanno tutti una sezione "slide"
dovresti trovare ciò che cerchi