2 level menu

[M31]

Нужно сделать следующее меню(меню с ява скриптом):

<ul>
<li><a href="#">Level 1</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Livel 1</a></li>
</ul>

Меню 1-й левел это меню которое отображается в боковой колонки, а 2-й левел это подменю пунктов которое выезжает при наводе курсора на этот пункт меню.
Написал следующее:

PHP код:

## Menu [Begin]
lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul>|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
    allWrap = <li>|
}
    
lib.subMenu.1.ACT = 1
lib.subMenu.1.ACT {
    allWrap = <li>|
}
## Menu [Begin]
    lib.subMenu.2.wrap = <ul>|</ul>
    lib.subMenu.2 = TMENU
    lib.subMenu.2.NO {
    allWrap = <li>|</li>
    }
    
    lib.subMenu.2.ACT = 2
    lib.subMenu.2.ACT {
    allWrap = <li>|</li>
    }
    ## Menu [End]
## Menu [End] 


Как решить следующие проблемы:
1. выходит, что у меню левел 1 не закрывается <li>. Если сделать allWrap = <li>|</li> то левел 2 не будет выезжать и <li> закрывается раньше нужного места. Как с этим бороться?
2. Левел 2 выезжает только после того как я нажимаю на пункт меню левел 1, а не сразу когда я подвожу туда курсор. Как с этим бороться?