Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблема задевания попутных пунктов в раскрывающемся меню (https://javascript.ru/forum/dom-window/47481-problema-zadevaniya-poputnykh-punktov-v-raskryvayushhemsya-menyu.html)

imedia 26.05.2014 10:53

Проблема задевания попутных пунктов в раскрывающемся меню
 
Проблема состоит в том что если переносить мышь из первого раскрывшегося меню (для наглядности смотрите страницу 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);

});

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


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