easy way to link elements in jquery

[memdump]

I have a menu that uses a sub-menu, that operates on a hide and show jquery function. The problem is that if I hover over a main-menu element, when I go to click on the sub-menu element it goes away. So I was wondering if I could make it that it only goes away if you arent hovering over the main menu element or the sub-menu block My website is http://www.spencedesign.netau.net/lori/#. I also have another smaller issue, when the page is loaded the sub-menus are not hidden even though the css says \[code\]display: none;\[/code\] I think it is the confusion between miking CSS \[code\]display: none;\[/code\] and jQuery \[code\].hide()\[/code\] and \[code\].show()\[/code\]