Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.04.2014, 21:10
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

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

});
Ответить с цитированием
  #2 (permalink)  
Старый 11.04.2014, 11:23
Интересующийся
Отправить личное сообщение для VBeregovoy Посмотреть профиль Найти все сообщения от VBeregovoy
 
Регистрация: 24.01.2013
Сообщений: 13

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение прозрачности при клике AJIUK jQuery 8 09.03.2014 16:00
при нажатии на раздел меню поворачивается маркер Сергей545 Элементы интерфейса 5 08.12.2013 22:15
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
Совершение действия при удерживании клавиши BorodinKO Общие вопросы Javascript 3 26.06.2011 00:59
Не отрабатывает событие onmouseout при внедрении нового слоя ilshat Элементы интерфейса 3 28.07.2008 06:27