Need help with multiple menus

[Jim Weinberg]

I'm putting together a webpage that has 3 menus. The first is the main menu, the second is the services menu and the third is a dropdown menu set off the services menu. The 3 menus are defined in separate .js files. I'm using dropdown.js to control the third menu.

Here's my problem. If I specify the first two menus with inline html

<script src="Script_Files/MainMenu.js"></script><br><script src="Script_Files/ServicesMenu.js"></script>

It works fine and looks like the attached picture.

What I want to do is only show the second menu if "Services" is clicked on the main menu.

When I try that (see mainmenu.js and servicesmenu.js) the second menu displays in a new pagel. I need it to display right below the main menu. Also the dropdown function doesn't work at all

I would appreciate any help you can provide.

Thanks in advance.
Jim