jQuery UI toggleClass持续时间被忽略

Question

我遇到了jQuery UI的toggleClass函数问题。我正在使用它来添加一个类，当用户将鼠标悬停在该元素上时，该类将应用缓动。它似乎没有使用duration参数。鼠标输出时，课程会立即消失。

库（按此顺序添加到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/