Как правильно переделать уже готовую форму регистрации?

Question

[yavaskript]

Хотелось бы, чтобы эта форма регистрации выглядела немного по-другому. А именно, что она была как бы уже нажатой. То есть при загрузке страницы форма регистрации была справа, а панель с текстом и кнопкой - слева. А при нажатии форма и панель менялись местами. Я попытался изначально прописать контейнеру класс right-panel-active, который должен присвоиться при нажатии. И все выглядит, как нужно. Но только форма как бы сначала прорисовывается одна, а потом меняется на другую. И это очень бросается в глаза. Как изначально поменять панели местами?

Answer 1

[Alex]

Проблема в анимации
animation: show 0.6s;
0.3s панель остаётся прозрачной после появления

Comments

[yavaskript]

тогда нужно изначально панель и форму поменять местами, правильно? не приписыванием класса, а CSS. Только не могу понять, как это сделать, код слишком запутан и сложен для меня

[Alex]

Почему же?
Добавьте класс. Так как вы делали. Но перепишите стили так, чтобы анимация применялась только если у контейнера есть класс, скажем animated.
И тогда, в JS при запуске — просто добавляйте класс animated на контейнер. И всё. При загрузке форма будет без анимации и будет работак как вы ожидаете. А потом стартует скрипт и "включит" анимацию.