试着用向下/向上滑动保持滑动分区打开

我正在构建一个由标题区域和包含链接的内容区域组成的菜单控件。

我先隐藏内容区域,然后当我悬停在标题上方时调用slidedown,当您离开标题时调用slideup。我的问题是,如果你想让内容区保持开放,我也希望。

<div id="header">Header</div>
<div id="content">Content</div>

$('#header').hover(FadeMenuIn, FadeMenuOut);

function FadeMenuIn(ID) {
    $('#content').stop(true, true).slideDown('slow');
}

function FadeMenuOut(ID) {
    $('#content').stop(true, true).slideUp('slow');
}

我已经尝试向内容添加相同的处理程序,但当我离开标题大约20像素时,它仍然会向上滑动内容。

演示: here