javascript - 我用于隐藏/显示 div 的 jQuery 页面导航代码不起作用，我无法弄清楚为什么

Question

我创建了一个带有导航标题的小网站，该标题由一个包含 5 个元素的表格组成，每个元素都标有一个 id。 .content_active 类默认不透明度为零，.content 类默认不可见 (display:none;)

'#contact' 是导航元素，当你点击它时，它会做一个小动画，然后应该混合当前事件内容(div with class .content_active)并将其转换为 .content 类元素(这是不显示在 css 中)。之后，它应该使用 id 为 contact_content 的 div 并将其转换为 .content_active 元素(由 css 显示)并将其不透明度从 0 更改为 1。

但它只会将当前 .content_active 类的不透明度降低到 0，之后什么也没有发生。我做错了什么？

var speed = 200;
$("#contact").click(function(){
$("#contact").animate({opacity:"1"},50, function() {
    $(".content_active").animate({opacity:"0"},speed,function(){
        $(this).removeClass(".content_active").addClass(".content");
        $("#contact_content").addClass(".content_active").animate({opacity:"1"},speed);

    });

});
});

CSS:

.content {
position: absolute;
left:50%;
margin-left:-360px;
margin-top: 240px;
width:720px;
display:none;

.content_active {
position: absolute;
left:50%;
margin-left:-360px;
margin-top: 240px;
width:720px;
opacity: 0;

Answer 1

解决了它，可能是在它面前坐得太久而失明了。

只是忘记了在给它 content_active 类之前应该显示的新元素的 .removeclass(content).. 亲爱的上帝......