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

我创建了一个带有导航标题的小网站，它由一个表组成，表中有5个元素，每个元素都有一个id。默认情况下，.content\u活动类的不透明度为零，默认情况下，.content类不可见显示：无

“contact”是导航元素，当您单击它时，它会显示一点动画，然后应该将当前活动的content div与class.content\u active混合，并将其转换为不使用css显示的.content class元素。之后，它应该将id为contact\u content的div转换为一个.content\u活动元素，该元素由css显示，并将其不透明度从0更改为1

但它只会将当前.content\u活动类的不透明度降低到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:

}

---

}

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

只是忘记了。删除新元素的类内容，在为其提供内容\u活动类之前应该显示这些内容。。亲爱的上帝

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