// javascript is enabled, so remove the .no-js class
$('html').removeClass('no-js');

// toggle the menu when a corresponding li is hovered
// note: you should use either slide or fade, not both
$('#nav-primary li').hover(function () {	
	// slide
	//$(this).find('.menu').stop(true, true).slideDown('600');
	
	// fade
	$(this).find('.menu')
		.css({ display: 'block', opacity: 0 })
		.stop().animate({ opacity: 1 }, 300);

}, function () {
	// slide
	//$(this).find('.menu').stop(true, true).slideUp('300');

	// fade
	$(this).find('.menu').stop().animate({ opacity: 0 }, 300, function() {
		$(this).css('display', 'none');
	});
});