[JavaScript] Rozwijane menu znika po zjechaniu myszki Opcje

[Caw]

Ucze się dopiero więc pytanie może być banalne dla znawców (IMG:style_emoticons/default/smile.gif) pod tym adresem strona znajduje się menu na którym się uczę.

Problem mam taki że po najechaniu muszką na link, menu się rozwija ale kiedy chce przejechać na rozwinięte elementy to znika. Znalazłem w necie multum przykładów zrobionych dużo prościej i działających a tutaj nie chce działać (IMG:style_emoticons/default/dry.gif) prosze o jakąś podpowiedź co jest źle?

skrypt wygląda tak:

Kod

    menuDelegate: function() {
        
        $('#menu ul').delegate('li', 'mouseover mouseout', function(event){
            if(event.type == 'mouseover'){
                $(this).find('ul').filter(':not(:animated)').fadeIn(1000);
            }
            if(event.type == 'mouseout'){
                $(this).find('ul').fadeOut(300);
            }
        })
    }

I jeszcze jedno pytanie jak zrobić żeby po najechaniu na LI w głównym menu rozwineło się SUBmenu i wjężdżając na nie nie znikło podświetlenie z tego LI w głównym?


bardzo prosze o jakąś podpowiedź (IMG:style_emoticons/default/smile.gif)