Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2014, 10:53
Профессор
Отправить личное сообщение для imedia Посмотреть профиль Найти все сообщения от imedia
 
Регистрация: 20.05.2014
Сообщений: 292

Проблема задевания попутных пунктов в раскрывающемся меню
Проблема состоит в том что если переносить мышь из первого раскрывшегося меню (для наглядности смотрите страницу http://ecologycentre.com.ua)
утилизация опасных отходов во второе раскрывшееся меню а именно на пункт ртуть содержащие отходы то второе раскрывшееся меню странно мигает, а сама идея состоит в том чтобы сделать таймаут при раскрывании второго меню и тем самым запретить мгновенное раскрывание тех вторых меню которые встречаются на пути следования мыши от пункта утилизация опасных отходов до пункта ртуть содержащие отходы, я пытаюсь это воплотить следующим образом
То есть на пути следования мыши встречаются другие пункты которые раскрываются если не устанавливать таймаут смотрите рисунок http://ecologecentre.com.ua/img/menu_problem.jpg
<ul class="parent0">
   <li>Утилизация опасных отходов
        <ul class="parent1">
            <li>ртуть содержащие отходы</li>
         </ul>
    <li>Уничтожение некачественной продукции
         <ul class="parent1">
             <li>Некачественная продукция</li>
          </ul>
     </li>
</ul>

$('.parent1 li').mouseleave(function(){
 var self=$(this);
 setTimeout(function(){self.find('>ul').fadeOut()},1200).stop(true,true);

}); 

$('.parent1 li').mouseover(function(){
 var self=$(this);
 setTimeout(function(){self.find('ul').slideDown()},1200).stop(true,true);

});

Но у меня ничего не выходит пожалуйста помогите советом

Последний раз редактировалось imedia, 26.05.2014 в 10:58.
Ответить с цитированием