jQuery滑动内容和导航活动状态

我有一个jQuery代码，它根据我点击的链接来滑动内容，我还对链接有一个悬停效果

$("#nav a").hover(function() {
    $(this).stop().animate({ paddingTop: "60px" }, 500);
}, function() {
    $(this).stop().animate({ paddingTop: "50px" }, 500);
});

var firstTime = true;
$("#nav a").click(function() {
    var divname = this.id;
    if (!firstTime) {
        if ($(".slid").hasClass(divname)) {
            firstTime = true;
            $(".slid").removeClass("slid").slideUp();
        } else {
            $(".slid").removeClass('slid').slideUp(500, function() {
                $("." + divname).slideToggle().addClass("slid");
            });
        }
    } else {
        $("." + divname).slideDown().addClass("slid");
        firstTime = false;
    }
});

这是HTML

<div id="nav">
    <ul>
        <li><a id="ett">ett</a></li>
        <li><a id="tva">två</a></li>
        <li><a id="tre">tre</a></li>
        <li><a id="fyra">fyra</a></li>
    </ul>
</div>  

我还必须阻止活动链接上的动画，这样填充不会下降到50px，而是保持在60px

---

任何帮助都将不胜感激

您可以使用toggleClass（“className”）toggleClass并没有做我希望它做的事情。

#nav li a.active {
    background-color: #242424;
    color: #FFFFFF;
    padding-top: 60px;
}