Mouseleave при вложенных списках ul
Здравствуйте делаю меню
http://ecologycentre.com.ua/uslugi.html <div id="menu_block"> <ul> <li><a href="?category_id=1&parent_id=0">Услуги</a> <ul> <li><a href="?category_id=7&parent_id=1">Утилизация опасных отходов</a></li> <li><a href="?category_id=8&parent_id=1">Уничтожение некачественной продукции</a></li> <li><a href="?category_id=9&parent_id=1">Утилизация тары и упаковки</a></li> <li><a href="?category_id=10&parent_id=1">Утилизация вторсырья</a></li> <li><a href="?category_id=11&parent_id=1">Экологический аутсорсинг</a></li> <li><a href="?category_id=12&parent_id=1">Экологический аудит</a></li> <li><a href="?category_id=13&parent_id=1">Разработка проектной документации</a></li> </ul> </li> <li><a href="?category_id=2&parent_id=0">Товары</a></li> <li><a href="?category_id=3&parent_id=0">Вакансии</a></li> <li><a href="?category_id=4&parent_id=0">События и новости</a></li> <li><a href="?category_id=5&parent_id=0">О нас</a> <ul> <li><a href="?category_id=15&parent_id=5">О нас</a></li> <li><a href="?category_id=16&parent_id=5">Сертификаты и лицензии</a></li> <li><a href="?category_id=17&parent_id=5">Отзывы</a></li> <li><a href="?category_id=18&parent_id=5">Наше производство</a></li> <li><a href="?category_id=19&parent_id=5">Задать вопрос</a></li> </ul> </li> <li><a href="?category_id=6&parent_id=0">Контакты</a></li> </ul> </div> Появление подменю сделал а вот правильное его исчезновение не работает при применении mouseleave $('#menu_block ul li').mouseover(function(){ $(this).find('ul').slideDown().clearQueue(); }); $('#menu_block ul li').mouseleave(function(){ $(this).find('ul').fadeOut().clearQueue(); }); |
Используйте hover. У него есть обратная функция убирания мыши
$( "#menu_block ul li" ).hover( function() { $(this).find('ul').slideDown().clearQueue(); // При наведении }, function() { $(this).find('ul').fadeOut().clearQueue(); // При уведении } ); |
Часовой пояс GMT +3, время: 03:27. |