классы элементов переключателя jquery

Question

Пожалуйста, посмотрите здесь: http://jsfiddle.net/ZUd27/7/

Что мне нужно:

• Есть несколько элементов. Один из них активен и виден.
• Если навести курсор на какой-либо неактивный элемент, он станет видимым и активным. Ранее активный элемент становится неактивным.
• При наведении мыши ничего не происходит, последний активный элемент остается активным.

Мои проблемы:

• Первый активный элемент всегда остается активным (в DOM?). Он становится невидимым, но при следующем наведении мыши ничего не происходит.
• Другие элементы ведут себя не так, как должны. Если один из них активен, то при следующей мышке он становится невидимым.

ТНХ

Answer 1

Проверьте это. Это может помочь вам найти более простое решение (возможно, с использованием CSS-преобразований?):)

http://jsfiddle.net/4yEsN/

Answer 2

Думаю, вы достаточно близки к решению.

Вместо этого: -

$(".slogan_switch_item:not(.active)").hover(function(){
   ...
});

... сделать это: -

$(".slogan_switch_item:not(.active)").live('hover',function(){
   ...
});

Мне удалось заставить его работать должным образом, изменив эту строку.