Question

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

在鼠标悬停时激活divs dissapear
活跃的div不会出现之后头等舱改变

需要任何帮助。 THX

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>

我没有实现你在最初的小提琴中所有的效果，但希望这是你可以稍微努力完成的风格！ http://jsfiddle.net/ZUd27/4/

更新：继你的评论之后，我修改了jQuery以允许元素在页面加载时处于活动状态，然后在悬停时激活其他元素： http://jsfiddle.net/ZUd27/13/

Jquery和animate，无法让类正确地改变

1 个答案: