Take a look through the CSS file associated with the menubar and manually assign the 'open' and 'hover' classes (those aren't the class names...you can figure out what they are) to the ul and li in question. You can identify which ones to apply by looking at your file in action in Live View, and turning Code View on. Then click on a menu so the submenu drops down, and take note of where the classes are applied to make them do that.
I have not tried this myself; let me know how it works out. It should not actually break anything.
if someone can actually confirm how to do that in css, that would be appreciated.
Sure, here goes:
Per this style, add the class of MenuBarSubmenuVisible to the ul tag of the submenu you want to be showing by default.
This should be all you need to do. If you are working with sub-submenus, add this class to the sub-sub ul tag:
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
It should look familiar; it is the same class you applied earlier!
i guess i'm just not getting it, and I could get that to work.
So you have a main tab with a sub menu like this:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#" id="nav1">nav1</a>
<li><a href="#" id="sub-nav1">sub-nav1</a></li>
All right. Add a class to the ul you want to be open, as
Then add a style to your stylesheet:
You should not need to add id's to actual list items (unless you want to specifically change their colors...)
By giving the submenu (the ul inside the ul.MenuBarHorizontal) a left:0;, you are pulling it in from left-field, where it had been at -1000em and also dropping it to nearly below (95%) the top menu.
If you are working with templates, you can give each submenu ul an id, give the body an editable attribute (so you can change the body id for each page) and set up something in the CSS that controls, for instance:
and in the CSS:
#contactuspage ul.MenuBarHorizontal ul#contactus,
#aboutuspage ul.MenuBarHorizontal ul#aboutus
So all you have to do is make sure you have set the body id (it could be the id of the container for the menubar...not the menubar itself, though) for each page, and the "show submenus" will automatically apply to the submenus that correspond to the page.
I'm not sure that this works in all browsers. I'm getting patchy results...It appears that you will have to play with the "top:95%;" call...Internet Explorer drops the top of the submenu to 95% down the WINDOW/viewport, and not just to the bottom of the top menu item. If you have a set height on the top menu item, give that as the value for top.
OK. It looks pretty solid, if you take my comment in the previous paragraph to heart.
Have fun with it!