best way to go about making this sublink navigation?

Ok on my website that I finally got working in the browsers.

I want to add a sublink area under the banner in the greenish color bar. So if someone hovers over the main navigation buttons and it has sublinks they will show here.

http://www.clandesti...rance/index.php

How hard would this be to achieve?

I've seen tutorials about the vertical subnav menu, but what about horizontal?

Thanks a bunch!

The way I'd do this would be with a bit of Javascript. Add this to the Head of you page.

<script language="javascript" type="text/javascript">
<!--
function showorhide(id) {
if (document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = "block";
} else {
document.getElementById(id).style.display = "none";
}
}
-->
</script>

Then on your links you could have:

<a href="#" onclick="showorhide('subnav1'); ">Link 1</a>
<a href="#" onclick="showorhide('subnav2'); ">Link 2</a>
<a href="#" onclick="showorhide('subnav3'); ">Link 3</a>

Where you have:

<div id="subnav1" style="display:none; ">Sub navigation links</div>
<div id="subnav2" style="display:none; ">Sub navigation links</div>
<div id="subnav3" style="display:none; ">Sub navigation links</div>

That should do the trick for you

Thanks, this is what I wanted, but the sublinks don't clear when I click a different link. They just add up.
I uploaded the site so you can see what I am talking about

Thanks!!

Edited by Clandestine, 29 October 2008 - 12:23 PM.

In the showorhide() function, you need to hide the previously opened submenu. The easiest way to do this is either a variable that keeps track of the last opened one, or a loop that will go through every submenu until it finds the open one and hides it (easiest way to get a list of all the submenus is to make a container div to group them all together).