Hi all.
I have three questions about menu component. I'm using jquery 1.8.3 and UI 1.9.2 versions.
1.
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.
As I see jquery-ui code always assigns
position: relative; to submenu items
- <ul class="ui-menu ui-widget ui-widget-content ui-corner-all" style="display: block; position: relative; top: -28px; left: 150px;" role="menu" aria-expanded="true">
- <li class="ui-menu-item" role="presentation">......
- ......
- </ul>
but I need it to be
position: initial; (or something else) to get desired result.
1.1
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?
2.
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:
- var menu$ = $("#nav").menu({
- blur: function(event, ui) {
- event.preventDefault();
- return false;
- },
- .........
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
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.