Hide sub-menu when not focused

[samz]

The Code
Basic nav bar made from a table in html. When the menu item "cakes" is hovered i want a dropdown list called "sub-links" to appear. Which it does.

The Question
I wana keep the dropdown list shown when its focused, but as soon as it looses focus i want it to hide.

	//Toggle sub-menu
	$('.sub-links').hide();
	$('.NavBar').find('#cakes').hover(function(){
		$('.sub-links').show();
		//if the sub menu has focus then show it, if not then hide it
	if($('sub-links').focus=false){
		$(this).hide();
	}
	});

Thank You

[harbingerOTV]

you want something like this?

	$('.sub-links').hide();
	$('.NavBar #cakes, .sub-links').hover(function(){
		$('.sub-links').show();
	}, function(){
		$('.sub-links').hide();
	});

[samz]

thats exactly what i wanted...buuuutttt.....its sorta glitchy.

once "cakes" is highlighted and the dropdown menu is shown, you have to quickly move the mouse onto the dropdown otherwise it will hide.

Is ther a way to add a delay to the hide bit? should i even consider that method?

[samz]

0o0o0 i did it....i just moved the dropdown table a lil closer to the NavBar.
And now i can slowly move onto the dropdown menu before it vanishes.

Did you have a better idea in mind tho? My method seems a bit...childish/unproffesional lol