Исчезающий блок

[decode]

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

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

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

(Пример)

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

<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 Спасибо

Edited October 9, 2012 by decode

[Vov4uk]

Изображение не открывается. Насколько я правильно понял, то это именно тот пример что Вас интересует. Немного изменив код, можно настроить так как нужно.

P.S. Это не реклама сайта.

Edited October 9, 2012 by Vov4uk

[decode]

Изображение не открывается. Насколько я правильно понял, то это именно тот пример что Вас интересует. Немного изменив код, можно настроить так как нужно.

P.S. Это не реклама сайта.

Спасибо, но CSS3 не подходит...

[mrnobody]

Может это табы?

http://vremenno.net/js/how-to-create-tabs-with-jquery/

[decode]

Может это табы?

http://vremenno.net/js/how-to-create-tabs-with-jquery/

нет, табы не нужны.

нужно просто, что-то типа выпадающего меню....

чтобы при наведении, появлялся блок и не пропадал, когда курсор на нем.

[Rozhki_]

можно блоку в момент (после) выезжания назначить класс, который убирать при скрытии его. И по этому классу проверять, выехавший блок или нет.

http://novice2ninja.ru/ninja-book/chapter-5/open-closed-indicators.html

http://novice2ninja.ru/ninja-book/chapter-5/slide-down-login-form.html

Edited October 11, 2012 by Rozhki_