Javascript-форум - Показать сообщение отдельно - Как заставить mouseover распространяться ещё и на вложенные элементы?

sysya · #1 (**permalink**) 28.12.2009, 15:18

Опять здрасти

Вот hover распространяется на элемент к которому он, так сказать, применяется и на вложенные элементы... А если использовать mouseover то выпадающее меню не правильно работат, вот часть кода:

$(function (){

 $('.drop_menu').live('mouseover', function () { if ($(this).find('ul').css('display') == 'none') $(this).find('ul').slideDown(300) } );
 $('.drop_menu').live('mouseout', function () { if ($(this).find('ul').css('display') != 'none') $(this).find('ul').slideUp(200) } );
});

меню закрывается, когда мышь перемещаешь на список:

<div class="box drop_menu">Пусто<ul><li><a href="#">text</a></li><li>text</li></ul></div>

css:

.drop_menu {
  overflow: hidden;
  cursor: pointer;
}

.drop_menu ul {
  display: none;
  z-index: 1;
  position: absolute;
  list-style: none;
  margin: 0px;
}

.drop_menu ul li a {display: block;}