jQuery эффект затухания встречается несколько раз

Question

Я пытаюсь написать простой скрипт jQuery для применения эффекта затухания в нижнем колонтитуле.При событии наведения мыши оно исчезает с непрозрачностью = 1, а при событии с мышью оно исчезает до непрозрачности 0,01.Я применил этот эффект на родительском div.Проблема в том, что каждый раз, когда я перемещаю мышь над дочерними элементами, это вызывает событие и заставляет div мигать несколько раз.Как я могу это остановить?Я хочу, чтобы события mouseover и mouseout запускались при наведении курсора на родительский div, а не при перемещении мыши внутри родительского div.

Вот ситуация

любая помощь заранее ...:)

Answer 1

Вы должны иметь возможность использовать функцию stop(), чтобы предотвратить это: http://api.jquery.com/stop/

$(this).stop().fadeTo("fast",1.00);
$(this).stop().fadeTo("fast",0.01);

http://jsfiddle.net/w7Vbu/7/