Навигация не скрывается после наведения на следующий элемент

Question

Мне нужна навигация, которая при наведении мыши ждет 1 секунду, а затем скрывается,

Я получил свой код здесь

http://jsfiddle.net/xR83q/

, но этоне работает правильно

Подскажите пожалуйста, что я делаю не так?

Answer 1

Вместо этого используйте mouseenter и mouseleave - измените последние 2 строки на:

$j('#menu-navegacion-principal > li')
    .bind('mouseenter', navIn)
    .bind('mouseleave', navOut);

$j('#menu-navegacion-principal > li:has(ul)')
    .bind('mouseenter', navInS)
    .bind('mouseleave', navOutS)