[kerriganm]

Need help tweaking (or completely rewriting) a drop down menu.

What I've got:
Top level items in menu have a rollover effect, and when rolled over a submenu for each item appears horizontally under the main menu item. When a user rolls over the submenu, the top level item rollover effect disappears and rollover effects for the submenu items appear. When the mouse leaves the submenu, the submenu disappears.

What the boss wants:
(effect like menu under logo at http://www.mercury.com/us/)
Top level items in menu have a rollover effect, and when rolled over a submenu for each item appears horizontally under the main menu item. When a user rolls over the submenu, the top level item rollover effect *persists* and rollover effects for the submenu items appear. When a submenu item is clicked, submenu and clicked-submenu-item rollover effect persist while new page loads (in another frame. don't blame me, I hate frames too). When the mouse leaves the clicked-on submenu, the previously-clicked main menu rollover effect and the submenu *persist* until another main menu item is clicked.

Any ideas? I've been looking everywhere and can't find the code to do this. Please help if you can- it'll be an early birthday present for me! Thanks!

[TheHeadFL]

Look around for info on the <div> tag, you can use that to do what you're saying. You can modify the contents (HTML) of an entire div'd region using javascript and some simple commands.