jQuery Forum

I have three questions about menu component. I'm using jquery 1.8.3 and UI 1.9.2 versions.

How to make menu subitems expendable below selected menu item?

I'd like to expend selected menu (by mouseover/click) and show subitems below parent item, NOT on right side.

Here is a code example how I would like it to work (code is NOT for jqeury-ui) - http://jsfiddle.net/blandger/yDN5x/

I took shown example from that blog post and adopted it a little.

Here is an example with 'stripped off' styles (for jquery-ui menu component) - http://jsfiddle.net/blandger/gETye/

As I see jquery-ui code always assigns position: relative; to submenu items

but I need it to be position: initial; (or something else) to get desired result.

Is it possible to archive without hacking jquery-ui code ?

1.2 

If that's not possible without code hacking, where in source should I look for changing such behavior?

How can I prevent collapsing expanded menu subitems? I them want to be expended till another menu is selected (by mouseover or click).

Code like:

doesn't work for me and I'm not sure if it should work at all.

3.

How properly expend previously selected menu with subitems? I have previously executed action by one of menu subitems. I want it to be visible after page reload

Here is how that works in http://jsfiddle.net/blandger/yDN5x/

One of subitems has mark CSS style = 'current' and get GREEN color on it. So I'd like to expand parent menu item so subitems were visible after page reload.