Question

我创建了一个带有导航标题的小站点，该导航标题由一个包含5个元素的表组成，每个元素都带有一个id。默认情况下，.content_active类的不透明度为零，默认情况下不显示.content类（display：none;）

'#contact'是导航元素，当你单击它时，它会做一点动画，然后应该将当前活动内容（div与类.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（内容）..亲爱的上帝......

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

1 个答案: