JS中关于 一个关于计时器功能效果的实现

			optionSearch();
			function optionSearch() {
				//定义一个清除计时器的变量
				var timer = null;

				//自选标题区域
				$("#optional-title th").hover( function(){
					//第一步首先清楚一遍计时器
					clearInterval(timer);
					//鼠标经过内容显示
					$("#optional-search").slideDown();
				 }, function(){
				 	//鼠标离开的时候计时器五秒后隐藏内容
			 		timer = setInterval(function(){
		 				$("#optional-search").slideUp();
		 			}, 5000);

			 	 }); 

				//自选搜所区域
				$("#optional-search").hover(function(){
					//鼠标进入搜索区域, 显示该区域并清除计时器
					$(this).show();
					clearInterval(timer);

				}, function(){
					// 鼠标离开该区域执行计时器
					timer = setInterval(function(){
			 			$("#optional-search").slideUp("");
			 		}, 5000);
				});
			}

注释 
功能很简单， 鼠标移到标题显示搜索框， 鼠标离开后 5s后隐藏。 鼠标移动搜索区域，显示该区域，离开该区域 5s后隐藏
代码写的有点啰嗦， 但没想好怎么优化，晚上回家考虑考虑下