我的jQuery页面导航代码隐藏/显示div不起作用，我也不知道确切的原因

Question

ive创建了一个小网站，该网站的导航标题由一个包含5个元素的表组成，每个元素都有一个id。默认情况下.content_active类的不透明度为零，默认情况下.content类不可见（display:none；）

"#contact"是导航元素，当你点击它时，它会做一些动画，然后应该混合出当前活动的内容（div与class.content_active），并将其转换为.content-class元素（不与css一起显示）。之后，它应该获取id为contactcontent的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类之前删除应该显示的新元素的class（content）。。亲爱的上帝。。。