почему постепенное появление / исчезновение работает только один раз?

Я знаю, что это очень идиотская проблема, но я пытаюсь сделать так, чтобы div отображался и скрывался при наведении курсора мыши, но при наведении мыши на div он работает только один раз, затем div исчезает и больше не исчезает. Я что-то упускаю?

заранее спасибо

вот он в действии: http://jsfiddle.net/rB9fk/3/


person Carol    schedule 16.01.2012    source источник
comment
@ user1090389: Тот факт, что они вообще не поддерживаются ни в одной из выпущенных версий IE, был бы веской причиной отказаться от них.   -  person millimoose    schedule 17.01.2012
comment
@Inerdial Пожалуйста, не упоминайте при мне IE, это меня нервирует   -  person henryaaron    schedule 17.01.2012
comment
Пожалуйста, не упоминайте при мне IE, это меня нервирует [2] LOL   -  person Carol    schedule 17.01.2012


Ответы (2)


Затухание не просто делает элемент невидимым, оно вообще не отображает его. После выполнения $(this).fadeOut('fast') в представлении нет div.backgroundHover, на которое можно было бы навести курсор.

Вы должны затухать только тот же элемент, в котором вы исчезаете:

$(this).find(".botoesHover").fadeOut('fast');

Обновленный jsFiddle: http://jsfiddle.net/rB9fk/5/

person millimoose    schedule 16.01.2012
comment
Благодарю вас! Я изучаю Jquery только один, и простые вещи заставляют меня чувствовать себя полным глупцом. Спасибо за объяснение :) - person Carol; 17.01.2012

Здесь, вероятно, лучшее решение:

Использует переходы CSS3, jQuery не требуется.

http://jsfiddle.net/rB9fk/7/

person henryaaron    schedule 16.01.2012