忽略jQuery UI toggleClass持续时间

忽略jQuery UI toggleClass持续时间,jquery,jquery-ui,css,Jquery,Jquery Ui,Css,我对jQueryUI的toggleClass函数有问题。我用它来添加一个类,当用户将鼠标悬停在该元素上时,该类将应用带有easing的转换。它似乎没有使用duration参数。当您将鼠标移出时,该类立即消失 库(均按此顺序添加到标题部分): CSS: } 行动中的组合: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="//a

我对jQueryUI的toggleClass函数有问题。我用它来添加一个类,当用户将鼠标悬停在该元素上时,该类将应用带有easing的转换。它似乎没有使用duration参数。当您将鼠标移出时,该类立即消失

库(均按此顺序添加到标题部分):

CSS:

}

行动中的组合:

<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;
    });
});
.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;