Нужна помощь по jQuery?

Question

[Александр]

Имеется форма:

jsfiddle.net/FYSxA/



Задача:



Нужно чтобы при наведении (и перемещении) курсора в главном блоке и по его элементам (форма и другие блоки), блок с надписью feedback выехал и оставался на своем месте, пока курсор не будет убран с главного блока.

Сейчас же, блок с надписью feedback ведёт себя неадекватно при наведении на форму или другие блоки, он то уезжает, то выезжает.

Как исправить?

Answer 1

[ServDev]

$(document).ready(function(){
    $('#feedback').hover(function(){
        $('#feedback-logo').animate({width: "toggle"}, "slow");
    });
});

Вот в таком виде вроде бы такой результат как вы хотели

Comments

[Александр]

Спасибо, то что надо.

Answer 2

[Vitaliy Petrychuk]

Так будет еще лучше:

$('#feedback-logo').stop().animate({width: "toggle"}, "slow");

Comments

[Vitaliy Petrychuk]

Ой. Это сюда.

[Александр]

Спасибо

Answer 3

[MT]

Используйте не mouseover/mouseout, а mouseenter/mouseleave:
jsfiddle.net/FYSxA/4/

Comments

[Александр]

Спасибо, так тоже работает)

Answer 4

[mark_ablov]

mouseout нужно вешать не на #feedback, а на #feedback:parent

Comments

[Александр]

В примере, как раз так и сделано #feedback:parent

[Александр]

Хотя, нет. В примере :parent висит на mouseover, но и на mouseout эффект тот же.