hover mouseleave
 

Всем привет. Помогите разобраться с меню, пожалуйстаааа).
У меня меню

<ul>
<li><a href="#" class="show">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
<div class="block">...</div>

Мне нужно, чтобы при наведении на .show открывался блок .block. Это я сделал. Но как только я убираю курсор с .show, мой блок пропадает.
Вот мой js

jQuery('.show').hover(function(){
      jQuery('.block').stop().slideDown()
    }, function(){
      jQuery('.block').mouseleave(function(){
        jQuery('.block').delay(500).slideUp()
      });
    });

Работает как то глючно, первый раз норм, а потом нет. И блок не исчезает иногда, когда я на другие пункты навожу. Как мне это правильно вы сделать, чтобы блок оставался когда я навожу на .show и на .block. А иначе пропадал. Спасибо.