jquery - クラス遷移の追加/削除が機能しない

Question

「ul」リストで作成したメニューがあります。ホバー スタイルと通常の 2 つのクラスがあります。マウスオーバー時にこれら 2 つのクラス間の遷移をアニメーション化したいと考えています。

私はこのhtmlを持っています:

<ul class="mainNav">
                <li><a href="#">Home</a></li>
                <li><a href="#">Store</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Your Account</a></li>
                <li><a href="#">Contact</a></li>
</ul>

クラス：

forHover、notHover

jQuery 1.9.1; UI 1.10.1

jQuery コード:

$('.mainNav li:not(:last-child)').hover(function(){

    $(this).addClass("forHover",3000);
    return false;
},function(){

    $(this).removeClass("forHover",3000);
    return false;

});

ホバー効果は正常に機能しますが、トランジションはありません。なぜだめですか？