jquery switch元素类

Question

请看一下：http://jsfiddle.net/ZUd27/7/

我需要什么：

• 有几个要素。其中一个是活跃且可见的。
• 如果我将鼠标悬停在任何非活动元素上，它将变为可见且处于活动状态。先前活动的元素变为非活动状态。
• 在mouseout上，没有任何反应 - 最后一个悬停的元素保持活动状态。

我的问题：

• 第一个活动元素始终保持活动状态（在DOM中？）。它变得不可见，但在下次鼠标悬停时没有任何反应。
• 其他元素不应该按照自己的意愿行事。如果其中一个处于活动状态，则在下一个鼠标上它将变为不可见。

THX

Answer 1

我认为你非常接近解决方案。

而不是这样做： -

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

......这样做： -

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

我设法通过更改这一行来使其正常工作。

Answer 2

检查一下。它可能会帮助您找到更简单的解决方案（可能使用css转换？）：）

http://jsfiddle.net/4yEsN/