[30equals]

another request for help *sigh*

i've got three navigation items, and when i rollover one item, a div with a submenu slides down beneath that nav item. this all works perfectly.

what i can't fix:

when i rollout on one item, and do a rollover on another, the other submenu should disappear and the other appear

but when i hover/navigate in a submenu div the div of course should stay visible.
but it disappears because i have that rollout function attached to the nav item
initially i don't want to add a close button on each submenu div, or let it dissappear when you click on a link in the submenu.

code:

 $("#oplossingen  a").mouseover(function() {
	  		
	  		$('#subMenuOplossingen').slideDown('slow');
			$('#subMenuOplossingen').css("visibility","visible");
	   });
	   
	   	   
	   $("#oplossingen  a").mouseout(function() {
	  		$('#subMenuOplossingen').slideUp('fast');
			
	   });

i tried adding

$("#oplossingen > *").mouseover(function() {
	  		
	  	$('#subMenuOplossingen').slideDown('slow');
		$('#subMenuOplossingen').css("visibility","visible");
	   });

but then of course it still slides up before going back down

i hope this is somewhat clear..

and i know it's a stupid thing, but i'm kinda new to jquery, and i'm a bit stuck

thanx!