jquery - jQuery UI の toggleClass 期間が無視されました

Question

jQuery UI の toggleClass 関数に問題があります。私はそれを使用して、ユーザーがその要素の上にカーソルを置いたときにイージングでトランジションを適用するクラスを追加しています。期間引数を使用していないようです。マウスアウトすると、クラスはすぐに消えます。

ライブラリ (両方ともこの順序で head セクションに追加):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

関数：

$(function() {
    $("#sidebar li").hover(
        function() {
            $(this).toggleClass("current-hover", 1000);
            return false;
    });
});

CSS:

.nav-highlight li.current-hover a{
padding-left:1.563em;
border-left-style:solid;
border-left-color:#e42626;
-webkit-transition:padding .25s ease; /* chrome */
-moz-transition:padding .25 ease; /* firefox */
-o-transition:padding .25 ease; /* opera */
transition:padding: .25 ease;
color:#e42626;

}

実際の組み合わせ: http://jsfiddle.net/ggjqb/6/