I think I might have found the answer, I am going to play around with some of the stuff from this site and see...there are some suggestions as to how to get this effect, modifying my code modifying my code to make it work is another. Anyway, think it will work.
http://stackoverflow.com/questions/11774554/auto-expand-jquery-nested-menu-depending-on-url

Hello,
I have a menu on our web pages at www.nctt.net that functions like so: when you mouse over the main category link, sub categories appear under them horizontally. It is a simple sub menu configuration however if you click on either the main category or one of the links under that category when you are brought to the page the secondary menu doesn't stay within that category, it goes back to the 'Homepage' categories. I would like all pages to show the sub menu links they are connected with...I hope I am explaining this so people understand...
I do not know how to make this happen, the javascript associated with the menu is,
Code:
<link href="styleContent.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript"> 
function showsubmenu(id)
{ 
submenu = document.getElementById('s'+id); 
for(i=1;i<=6;i++)
{ 
if(i==id){ submenu.style.display="block"; 
} 
else { document.getElementById('s'+i).style.display="none";
} 
} 
} </script>
Can anyone assist?
Thank you very much!
Jennifer