Как скрывать/показывать input по radiobutton?

Question

[Дмитрий]

<p id="billing_gorod_field"><input type="text" class="input-text " name="billing_gorod" id="billing_gorod"></p>
<p id="billing_index_field"><input type="text" class="input-text " name="billing_index" id="billing_index"></p>

<div id="order_review">
<ul>
<li><input type="radio" id="shipping_method_1" class="shipping_method" checked="checked"></li>
<li><input type="radio" id="shipping_method_2" class="shipping_method" checked="checked"></li>
<li><input type="radio" id="shipping_method_3" class="shipping_method" checked="checked"></li>
</ul>
</div>

#billing_index_field, #billing_gorod_field {
	display: none;
}

Нужно при выбранном radiobutton "id=shipping_method_3" показать поля с "id=billing_index_field" и "id=billing_gorod_field", а при любом другом выбранном radiobutton скрыть эти поля. Помогите, пожалуйста, написать функцию.

Answer 1

[Дмитрий]

https://jsfiddle.net/soledar10/8ndn8b7t/

Comments

[Дмитрий]

А если radiobutton в разметке идут после полей которые надо показывать, тут я так понимаю одним css не обойтись.

[Дмитрий]

Дмитрий: добавьте в вопрос тогда html структуру

[Дмитрий]

Дмитрий: Добавил

[Дмитрий]

Дмитрий: https://jsfiddle.net/soledar10/8ndn8b7t/1/ так?

[Дмитрий]

Дмитрий: Да, спасибо!

[Дмитрий]

Дмитрий: Блин, поставил, нс работает, вылезает ошибка Uncaught TypeError: $ is not a function. Это значит что надо писать на JQuerry ?

[Дмитрий]

Дмитрий: да

[Дмитрий]

Дмитрий: вариант на javascript - https://jsfiddle.net/soledar10/ssjjg0gj/