menù accordion con stato hover per sottovoce

[Alberto]

Sto cercando di modificare un menù accordion per far si che anche le sottovoci abbiano uno stato active dopo averle cliccate.

Premetto che la parte accordion funziona alla perfezione, sto aggiungendo una funzione che mi cambi la classe delle sottovoci.

Questo è l'html

<div id="accordion2">
    <dl class="accordion2" id="slider2">
        <dt>[url="javascript:void(0);"]Menù 1[/url]</dt>
        <dd>                
            <span id="menu_1">
                    [url="javascript:void(0);"]Sottomenù[/url]

                    [url="javascript:void(0);"]Sottomenù due[/url]

                    [url="javascript:void(0);"]Sottomenù tre[/url]
            </span>
        </dd>
        <dt>[url="javascript:void(0);"]Menù 2[/url]</dt>
        <dd>
            <span id="menu_2">                
                    [url="javascript:void(0);"]Sottomenù[/url]

                    [url="javascript:void(0);"]Sottomenù due[/url]

                    [url="javascript:void(0);"]Sottomenù tre[/url]
            </span>
        </dd>
        <dt>[url="javascript:void(0);"]Menù 3[/url]</dt>
        <dd>
            <span id="menu_3">
                    [url="javascript:void(0);"]Sottomenù[/url]

                    [url="javascript:void(0);"]Sottomenù due[/url]

                    [url="javascript:void(0);"]Sottomenù tre[/url]
            </span>
        </dd>
    </dl>
</div> 

questa la funzione js

function attiva(pId){    
    var lSpan = document.getElementsByTagName("span");
    
    for(var j = 1; j<=lSpan.length + 1; j++){            
                var e = document.getElementById("menu_" + j).getElementsByTagName("a");
                    
                for(var i=1; i<e.length + 1; i++){                    
                    document.getElementById("sm_" + i).className = "attiva";
                    if("sm_" + pId != "sm_" + i){
                            document.getElementById("sm_" + i).className = "normale";                            
                    }
            } 
     }          
}

function disattiva(){
            var e = document.getElementsByTagName("a");
            for(var i=1; i<e.length + 1; i++){            
                 document.getElementById("sm_" + i).className = "normale";            
      }
} 

allora il problema è sul 2° e sul 3° menù perché i cicli prendono sempre i valori 1-2-3 e quindi la funzione ha effetto solo sul primo menù, mi sto scervellando ma non riesco a sistemare...

Qualcuno mi da una mano?