Как сделать такой переключатель без чекбоксов?

Question

[Рома]

Вот идея, которой я вдохновился:
https://codepen.io/ig_design/pen/KKVQpVP

А вот то, что выходит у меня сейчас:
https://codepen.io/MrCodus/pen/xxWQoNE

Сделал через ховеры благодаря Ютубу. Сейчас же хочу сделать переключатель через js без использования чекбоксов. При клике на регистр форма с регистрацией, а при клике на логин - соответственно другая сторона карточки

P.S: не удивлюсь если решение лежит в 2-3 строчках кода и я пару часов своего времени потратил зря, ведь через js самому достичь желаемого результата никак не выходит. Буду очень благодарен за помощь)

Answer 1

[Виталий Б]

Хоть чекбокс, хоть div. Это не имеет значения. Вам необходимо для элемента, который у вас будет переключателем где-то и как-то хранить и читать состояние переключателя. Можете делать это хоть через добавление/удаление css класса, хоть data атрибута. Главное клик по переключателю должен менять это состояние. А через чекбокс проще всего определять чекнут он или нет.