Как реализовать переход на другой блок при клике?

Question

[Hey One]

Приветствую!
Имеются два блока, первый с "Выбором оплаты".

Второй с "Оформлением платежа".

В первом блоке расположено 3 радиобокса и кнопка "Далее", которая должна скрывать первый блок и показывать второй "Оформление платежа", во втором блоке текстовые поля и две кнопки, это "Назад" и "Оформить". Вопрос, как реализовать на JavaScript скрытие первого и показ второго блока при клике на кнопку "Далее", при этом, нужно сделать так, чтобы при выборе определённого радиобокса в первом блоке некоторые текстовые поля во втором блоке скрывались? И как вернуться со второго блока на первый при клике на кнопку "Назад"?
При выборе первого радиоинпута - скрыть "Адрес прописки"
Второго - "Наименование организации" и "ИНН"
Третьего - "Адрес прописки", "Наименование организации", "ИНН".
Заранее огромное спасибо!
Код:
https://jsfiddle.net/udtbLnxg/

Answer 1

[AngReload]

https://jsfiddle.net/k4d07rv9/

Comments

[Hey One]

Спасибо тебе большое!!!

[Hey One]

registration.style.display = payment[1].checked ? 'block' : '';
Мне интересно, а почему в других строках заместо цифры [1] стоит [0]?
Там же их 3. Разве это не обращение к #payments?
Заранее спасибо)

[Hey One]

И ещё вопрос, а как сделать так, чтобы при нажатии на кнопку "Оформить" незаполненные поля которые обязательны для заполнения обводились красным цветом?

[AngReload]

twofolls95, payments — это три чекбокса, payment[0] это юрлицам, 1 — физ, 2 — карта.
Соответственно, регистрация показана физ, а организация и инн нужны только юрлицам.

[AngReload]

twofolls95, способ оплаты думаю что тоже обязательно выбрать

[Hey One]

AngReload, Да, согласен.

[AngReload]

twofolls95, сейчас не смогу сделать, только через несколько часов

[Hey One]

AngReload, хорошо)

[AngReload]

twofolls95, https://jsfiddle.net/3md68jc7/