how can I create jquery based submenu tabs ?

Question

I would like to create jquery based navigational menu in which my main menu is on the left hand side and on click my submenu items should ne display in the main content area in tabs . I am able to achieve it in Ext-js but how to do it using jquery.

for eg. if you visit http://www.trirand.com/blog/jqgrid/jqgrid.html and clicking on the left menu ...other items displayed on the right side ..but i don't wanna use the tree structure instead of that I will just gonna use tabs or buttons and submenu items need to change on clicking main menu items...

Can anyone direct me to an example ?

Thanks!!
edit: updated layout achieved through ext js http://i.imgur.com/y2ItQ.png

Answer 1

I'm not great with jQuery, so I can't really give you a good answer. But I've been using this site, and they have a bunch of tutorials for menus that could help you. http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/