menu with submenu

Hi there, thanks for your help. Z-index just layers items and visibility will just hide the menu.

I need some kind of jquery script to check if the active menu item has a subnav and if yes to show that subnav. The hide the subnav once another menu item is selected.

Any ideas?

I have this so far:-

$(function(){
	$('ul.subnav').hide();

	$('ul.mainnav a#active').mouseover(function(){
		$('ul.subnav').show();

	return false;
	});
});

It doesn’t quite work how I want it to tho.

Any ideas?

Basically there is a subnav for some of the mainnav items but not all of them.

When the user selects an option with a subnav I want that subnav to show. If the user selects another option on the mainnav then I need the subnav to not show.

If you look at this site http://www.claireprice.com. Thats how I need my nav to work. If you click on the Advanced treatments option a subnav appears. If you select Job opportunities then the subnav for the advanced treatments gets hidden.

Does this help you understand what I’m after?

Thank you