Исчезновение блока, при наведении на другой элемент

Здравствуйте.

Никак не могу решить проблему, очень надеюсь на вашу помощь.

Есть вот такое меню, снизу которого находится скрытый блок:

(Пример)

Структура примерно такая:

<nav>

 <a href="#">Главная</a>

 <a class="menu-show" href="#">Меню</a>

 <a href="#">о нас</a>

</nav>

<div id="hide-menu">....</div>

JS на данный момент:

 $(".menu-show").hover(

  function() { $(this).parents().find("#hide-menu").stop().slideDown("fast");},

  function() { $(this).parents().find("#hide-menu").stop().slideUp("fast");}

 );

Т.е блок появляется/скрывается - всё нормально, но если курсор перенести на блок, когда он не скрыт, то он исчезает.

Как можно сделать, чтобы блок не исчезал, когда курсор находится на данном блоке?

p.s Спасибо :)