Jquery 和 animate，无法正确更改类

Question

我正在尝试完成这项工作，但无法理解导致问题的原因。

• 事件 div 在鼠标悬停时消失
• active div 不会在之后出现一流的变化

http://jsfiddle.net/ZUd27/3/

需要任何帮助。谢谢

Answer 1

您的代码看起来相当复杂，所以我将其切回基础，然后应用简单的样式/jQuery 动画效果。所以:

<div class='slogan_switch'>
    <div class='slogan_switch_item inactive'>
        <div class='ssi_arrow_active'><div class='ssi_arrow_inactive'></div></div>
        <div class='ssi_text_left'></div>
        <div class='ssi_text_body'>Test Text</div>
        <div class='ssi_text_right'></div>
    </div>
    ....etc
</div>

已更改为更语义化、更清晰/更精简的无序列表:

<ul class='slogan_switch'>
    <li><a href="#">Test Text 1</a></li>
    <li><a href="#">Test Text 2</a></li>
    <li><a href="#">Test Text 3</a></li>
    <li><a href="#">Test Text 4</a></li>
</ul>

我还没有实现您在最初的 fiddle 中进行的所有效果，但希望这是您可以稍加努力以风格完成的东西! http://jsfiddle.net/ZUd27/4/

更新:根据您的评论，我修改了 jQuery 以允许一个元素在页面加载时处于事件状态，然后在悬停时激活其他元素: http://jsfiddle.net/ZUd27/13/