Как прятать div по кнопке radio, а другой div показать и наоборот?

Question

[Антон]

У радиокнопки есть id. Как при нажатии показать div, а другой скрыть? Важно, если чек убрать с кнопки , то divки должны обратно отреагировать.

Answer 1

[artem78]

$('#check').on('change', function() {
  if ($(this).is(':checked')) {
    $('#block1').hide();
    $('#block2').show();
  } else {
    $('#block1').show();
    $('#block2').hide();
  }
}).trigger('change');

https://jsfiddle.net/crazzzy/tckhLky1/

Comments

[Антон]

как сделать для радио, а не чекбокса?

[artem78]

anton99zel: Простите, невнимательно прочитал вопрос. Для радиокнопки почти также - https://jsfiddle.net/crazzzy/0m3z7j8f/

[Антон]

подскажите на моем примере.
если чекаем, то ниже вывести произвольный див, а другой скрыть.
важно, при нажатии на другое любое радио divки должны обратно отреагировать.

<input name="options-color2" type="radio" class="pink-selector pink-selector_font-size_16px pink-selector_font-family_opensansbold pink-selector_img" id="oc2_6" value="6" onchange="">
                    <label for="oc2_6">
                        <img src="<?=SITE_TEMPLATE_PATH?>/img/buy-lens-step3__1.png" alt=""/>
                        <i>Компьютер + 1700 руб.</i>
                    </label>

[artem78]

anton99zel: А где у Вас тут div-ы, которые нужно показывать и скрывать?

[Антон]

Здесь нет. Я их планирую создать, потому можете использовать любые имена.