removeClass和淡入淡出动画

Question

我有这个代码

<ul class="nav sub_nav_home">
    <li id="sub_nav_home1"><a href="#"><span>LINK1</span></a></li>
    <li id="sub_nav_home2"><a href="#"><span>LINK2</span></a></li>
    <li id="sub_nav_home3"><a href="#"><span>LINK3</span></a></li>
</ul>

$("ul.sub_nav_home li").hover(function() {
    $(this).removeClass("current").fadeOut();
});

这似乎没有显示我追求的动画.这样做是为了让"li"完全消失.

基本上我需要的是删除具有淡出效果的类"当前"然后将其添加到下一个"li"并具有淡入淡出效果

谢谢

Answer 1

不确定你是否可以用直接jQuery做到这一点,但我知道jQuery UI有一个修改过的removeClass(),你可以通过jQuery UI Docs添加一个删除类的持续时间

Answer 2

你不能从一个班级转到另一个班级。您必须告诉 jQuery 在 .animate() 方法中要对哪些属性进行动画处理。

要获取下一个 li 元素，请使用 .next()。