Jquery: visible and: hidden не работает с ifs в onmouseover и onmouseout

Question

<div id="body" onmouseover="if ($('div#menu').is(':visible')) {$('div#menu:visible').hide('blind', { direction: 'left' }, 5000);}">

Это не работает вообще! Ссылка на пример по этой теме; (мой сайт по состоянию на 25 февраля 2012 г.)

Спасибо за любую помощь!

Answer 1

Так что, если я вас сейчас понял, это должно быть именно то, что вы хотите, только без этого грязного встроенного JavaScript.Я использовал плагин jQuery hoverIntent (http://cherne.net/brian/resources/jquery.hoverIntent.html)

http://jsfiddle.net/FcdTw/

Answer 2

Вы хотите показать свое меню, когда мышь наводит #body или #lbert?

Значит, сначала вы должны это скрыть ...?

div#menu {
  background: #EDEDED;
  -webkit-box-shadow: 0 0 5px #A2A2A2;
  width: 98.5%;
  padding: 5px 10px 5px 5px;
  -webkit-border-radius: 3px;
  display:none;
}

Answer 3

Используйте события jQuery вместо встроенных вещей:

$('#body').hover(function () {
    // Mouse over
    $('#menu').show();
}, function () {
    // Mouse out
    $('#menu').hide();
});