Javascript 使用jQuery成功登录Google后更改CSS属性

我最近用HTML写了一个网站，它使用谷歌的OAuth。成功登录后，使用jQuery编写的JavaScript脚本应该隐藏具有“login”类的节，并显示具有“login\u success”类的节。不幸的是，在成功登录后，所有内容都被显示出来，这使得网站看起来非常混乱

以下是HTML：

测试网站




登录





注销

一些标题文本
更多的文字

点击我！

下面是“登录”和“登录成功”类的css：

。登录{
显示：磨合；
}
.登录成功{
显示：无；
}

以下是login.js文件：

函数onSignIn（谷歌用户）{
var profile=googleUser.getBasicProfile（）；
$（“.login”）.css（“显示”、“无”）；
$（.login_success”）.css（“显示”、“磨合”）；
$（“#profile_picture”）.attr（“src”，profile.getImageUrl（））；
$（“#email”）.text（profile.getEmail（））；
}

谷歌的登录API已经设置了处理程序

---

“附加功能”部分提供了您所需的功能。

因此，问题是没有使用

显示：磨合登录

和

登录成功

类，我应该使用

显示：flex

但这似乎只适用于Chrome，在其他浏览器上，我得到了
Error 400 redirect\u uri\u mismatch
，但这可能是另一个主题。
您是否知道
display:run-in
仅在IE中可用，而没有现代浏览器？
onSignIn（）
在哪里被调用？普罗蒂普：如果你想作为一名专业人士被认真对待，那么就认真对待那些显示拼写错误的红色曲线。@Turnip谢谢你的回答，我没有意识到这一点@在通过谷歌成功登录后，isherwood会给它打电话。（HTML中的第23行）此处仅链接的答案不具有价值。请在你的回答中包括相关信息。