help build multilevel menus

help build multilevel menus

Hello, anyone can pls provide me with a step-by-step tutorial if possible on building a multilevel menu for use in a website, but instead of having the usual drop-down, my menus need to be separated in different divs, like for example the primary menu (level 0) will be shown in a div (menu-0), while clicking on one of the primary menus will then display the children menus in a div (menu-1), and yet again, clicking on one of the children menu, will then load a sub-child/sub-children menus if they exist in a div (menu-2), else load a page attached to that menu if no sub-child is present. 

Am new with the jquery approach for this type of implementation so please if some further explanations could be provided would be very useful for me, and easy to follow as well...