[Vempel]

Хочу реализовать меню на javascript чтобы при нажатии по ссылке открывалось подменю, а при нажатии на одну из ссылок в подменю открывался еще блок меню. меню первого уровня я реализовал (нажимаю на меню открывается подменю), а когда я пытаюсь нажать на ссылки уже этого подменю все пропадает.
Вот мой код яваскрипт:

function navigation() {
   var pop = document.getElementById('pop');
   var more = document.getElementById('more');
   var pop1 = document.getElementById('pop1');
   var mote = document.getElementById('mote');
   pop.onmouseover = show;
   more.onmouseover = show;
   
   pop.onmouseout = hide;
   more.onmouseout = hide;
   
   pop1.onmouseover = show1;
   mote.onmouseover = show1;
   
   pop1.onmouseout = hide1;
   mote.onmouseout = hide1;


}
function show() {
    var menu = document.getElementById('pop');
    var submenu = document.getElementById('more');
    submenu.style.display = 'block';
    submenu.style.width = '149px';
    }
function show1() {
    var sub = document.getElementById('pop1');
    var subm = document.getElementById('mote');
    subm.style.display = 'block';
    subm.style.width = '149px';
}
    
function hide() {
    var menu = document.getElementById('pop');
    var submenu = document.getElementById('more');
    submenu.style.display = 'none';
}
function hide1() {
var sub = document.getElementById('pop1');
var subm = document.getElementById('mote');
subm.style.display = 'none'; 
}

функция navigation выполняется по событию windows.onload напрямую из html