Как скрывать/показывать input по radiobutton для сайта на wordpress с woocommerce?

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 скрыть эти поля. Помогите, пожалуйста, написать функцию.

Я так понял что писать нужно на JQuerry, так как мне помогли написать это вот так https://jsfiddle.net/soledar10/8ndn8b7t/1/ , но появилась ошибка Uncaught TypeError: $ is not a function.
Суть задачи - сделать в woocommerce поля при оформлении заказа, которые будут появляться только при выборе метода доставкой почтой, если есть идеи как это сделать проще, буду рад выслушать. Спасибо.

Comments

[justdealman]

jQuery на проекте-то подключен?

[Дмитрий]

justdealman: Да, подключен.

Answer 1

[WP Panda]

Uncaught TypeError: $ is not a function.

Оберните, то что вам дали в

jQuery(function($){
//ваш код
});

Но что-то мне подсказывает, что ошибка пропадет, а результата вы не получите, если я правильно думать, то для лайт варианта решения вашей проблемы надо будет еще setTimeout добавлять

Comments

[Дмитрий]

Да, не дает результата, я так уже пробовал.

[WP Panda]

Дмитрий: Точные указания не видя код дать не могу, но рыть в этом направлении Почему скрипт переопределяет стиль селекта?

[WP Panda]

Дмитрий: https://toster.ru/answer?answer_id=603127#comments...

[Дмитрий]

WP Panda: Обернул еще раз, ошибка пропала и вроде заработало, но не так как надо, поля просто пропали и не появляются при любом из radiobutton.

Answer 2

[lega]

https://jsfiddle.net/lega911/5s8136sx/

Comments

[Дмитрий]

К сожалению так тоже нет возможности сделать.