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后隐藏
代码写的有点啰嗦， 但没想好怎么优化，晚上回家考虑考虑下