При выборе radio, один блок скрывает, другой показывает, как реализовать?

Question

[Антон Вебсайтовский]

Здравствуйте, подскажите как на js реализовать простой скрипт.
При выборе один из вариантов radio, показывает разные блоки.

Допустим выбираю я 1 вариант радио, мне показывает блок1, выбираю я 2 вариант радио, и 1 блок скрывает и показывает блок 2. Ну и на оборот, выбираю я 1 вариант радио, мне второй блок 2 скрывает, а первый показывает.

Пример тут: https://jsfiddle.net/fay8kcmh/1/

Answer 1

[Игорь]

Посмотрите реализацию на сайте Bootstrap: Bootsprap - List group#JavaScript behavior.

Comments

[Антон Вебсайтовский]

а как сделать чтобы первый вариант был включен по дефолту.

[Игорь]

Антон Вебсайтовский,

[Антон Вебсайтовский]

Эта схема не совсем пойдет у меня там radio1 и radio2, к ним привязано label.
Попробовал на своем методе и не пашет.

[Игорь]

Антон Вебсайтовский, Я достаточно понятно объяснил, вы хотите код что-бы за вас написали? Тогда вам на Хабр Фриланс

[Антон Вебсайтовский]

А вот сделал, тупанул https://jsfiddle.net/fay8kcmh/4/

[Игорь]

Антон Вебсайтовский, атрибут checked у инпута говорит о том что он отмечен, дивы скрываются\показываются изменением display

[Игорь]

Антон Вебсайтовский, Вот с лабелами, пожалуйста, но ваш код я редактировать не буду. Это нарушение правил

[Антон Вебсайтовский]

С чекедом проблема, он хоть и стоит на пункте первом, но не выводит то что должно выводить при выборе пункта первого.
https://jsfiddle.net/fay8kcmh/5/

[Игорь]

Антон Вебсайтовский, Еще раз на мой пример посмотрите. Особенно на эту часть

<div class="tabs">
  <div data-name="one" style="display: block">one</div>

[Антон Вебсайтовский]

Игорь, о хорошая идея. спасибо

[Антон Вебсайтовский]

Игорь, мелкий вопрос назрел, а как еще сделать чтобы при переключении поле отчищалось ! ?

[Игорь]

Антон Вебсайтовский, .val('')

[Антон Вебсайтовский]

Игорь, а куда добавить? как сделать, я в js ноль.

[Игорь]

Антон Вебсайтовский, Код покажите

[Антон Вебсайтовский]

Игорь, https://jsfiddle.net/fay8kcmh/5/

[Игорь]

Антон Вебсайтовский,

[Антон Вебсайтовский]

Игорь, спасибо сенсей