Изменение CSS свойств после успешного входа в Google с помощью jQuery

Question

Я недавно написал сайт, используя HTML, и он использует OAuth от Google. После успешного входа в систему сценарий, написанный на JavaScript с использованием jQuery, должен скрывать разделы с классом «login» и отображать разделы с классом «login_success». К сожалению, после успешного входа в систему все отображается на экране, что делает веб-сайт действительно грязным. и "успешный вход в систему":

.login{
  display: run-in;
}
.login_success{
  display: none;
}

Вот логин. js file:

function onSignIn(googleUser) {
  var profile=googleUser.getBasicProfile();
  $(".login").css("display","none");
  $(".login_success").css("display", "run-in");
  $("#profile_picture").attr("src",profile.getImageUrl());
  $("#email").text(profile.getEmail());
}

Answer 1

Таким образом, дело в том, что вместо использования display: run-in; для классов login и login_success я должен был бы использовать display: flex;.

Но, похоже, это работает только на Chrome, в других браузерах я получаю Error 400 redirect_uri_mismatch, но это, вероятно, для другой топи c.

Answer 2

В API входа Google уже установлены обработчики

https://developers.google.com/identity/sign-in/web/sign-in

В разделе «Дополнительные возможности» есть все, что вам нужно.