Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Mouseleave при вложенных списках ul (https://javascript.ru/forum/dom-window/46441-mouseleave-pri-vlozhennykh-spiskakh-ul.html)

imediasun1 09.04.2014 21:10

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();

});

VBeregovoy 11.04.2014 11:23

Используйте hover. У него есть обратная функция убирания мыши

$( "#menu_block ul li" ).hover(
  function() {
      $(this).find('ul').slideDown().clearQueue(); // При наведении
  }, function() {
      $(this).find('ul').fadeOut().clearQueue(); // При уведении
  }
);


Часовой пояс GMT +3, время: 03:27.