jquery – removeClass和淡入淡出动画

我有这个代码

<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”并具有淡入淡出效果

谢谢

解决方法

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