I have a drupal menu which uses jquery accordion to display the sub-menus. When you hover off the links the links instantly disappear. Now so far I've added delay which keeps the background there for 2 seconds but how do I get the links to stay there also when unhovered.

Code:
			$('#navigation ul.menu li.expanded').hover(
			function() {
					$(this).addClass('current');
					$('.menu-drop-down').stop().animate({
    				height: '30px'
  				}, {
    				duration: 300,
			    	complete: function() {
			      	$('#navigation ul.menu li.current').find('ul').css('display','block');
    				}
  		});

			},
			function() {
				$(this).removeClass('current');
				$(this).find('ul').css('display','none');
				$('.menu-drop-down').stop().delay(2000).animate({height: '0px'}, 300);
			});