jQuery(document).ready(function($){
	var listparent = $('ul#topnav');
	
	// when someone hovers over the parent li...
	$('li',listparent).mouseenter(function(){
		$(this).children('ul')
			.stop()
			.css({visibility: 'visible',opacity: '0'})
			.animate({opacity: '1'},'fast');
	});
	$('li',listparent).mouseleave(function(){
		$(this).children('ul')
			.stop()
			.css({opacity: '1',visibility: 'visible'})
			.delay(100)
			.animate({opacity: '0'},'fast')
			.css({visibility: 'hidden'});
	});
});