Есть вот такой переделанный код, который не работает.
$('input:radio[name=subscribe_id]').on(click, function() {
var id = parseInt($(this).val());
if(id == 5){
$('.learning.scrollForm .pay').slideUp();
$('.learning.scrollForm input[name=promoCode]').parent().hide();
$('.learning.scrollForm h4').hide();
$('.learning.scrollForm input[type=submit]').val('Попробовать');
} else {
$('.learning.scrollForm .pay').slideDown();
$('.learning.scrollForm input[name=promoCode]').parent().show();
$('.learning.scrollForm h4').show();
$('.learning.scrollForm input[type=submit]').val('Оплатить');
}
});
Применяется он к данной форме:
<form action="{{route('forms.subscribe') }}" method="POST" class="submitFormHandler">
{{ csrf_field() }}
<div class="chose-subscribe chose-subscribe__hidden tooltipWrap">
<span class="chose-subscribe_btn">Выберите тип подписки</span>
<div class="chose-subscribe-list">
<label class="radio">
<input type="radio" name="subscribe_id" value="5">
<div class="chose-subscribe-list_item">Демо</div>
</label>
<label class="radio">
<input type="radio" name="subscribe_id" value="6">
<div class="chose-subscribe-list_item">Доступ на 1 месяц/div>
</label>
<label class="radio">
<input type="radio" name="subscribe_id" value="7">
<div class="chose-subscribe-list_item">Доступ на 3 месяца</div>
</label>
<label class="radio">
<input type="radio" name="subscribe_id" value="8">
<div class="chose-subscribe-list_item">Доступ на 1 год</div>
</label>
<div class="tooltip"></div>
</div>
</div>
<div class="tooltipWrap">
<input type="text" name="name" value="{{$user ? $user->name : null}}" class="obligatory-fild" placeholder="Ваше имя *">
<div class="tooltip"></div>
</div>
<div class="tooltipWrap">
<input type="text" name="phone" value="{{$user ? $user->phone : null}}" class="obligatory-fild valAsPhone" placeholder="Телефон *">
<div class="tooltip"></div>
</div>
<div class="tooltipWrap">
<input type="text" name="email" value="{{$user ? $user->email : null}}" class="obligatory-fild" placeholder="Электронная почта *">
<div class="tooltip"></div>
</div>
<div class="tooltipWrap">
<input type="text" name="promoCode" value="{{null}}" class="obligatory-fild" placeholder="Промокод">
<div class="tooltip"></div>
</div>
<div class="pay">
<label class="payment-option">Заказать счет
<input name="paymentType" value="1" id="pay-type-1" type="radio" checked="checked">
<span class="checkmark"></span>
</label>
<label class="payment-option">Оплатить онлайн <i class="fab fa-cc-mastercard"></i> <i class="fab fa-cc-visa"></i>
<input name="paymentType" value="2" id="pay-type-2" type="radio">
<span class="checkmark"></span>
</label>
</div>
<button type="submit" class="callback-btn">Отправить</button>
</form>
Как сделать чтобы при выборе радио-кнопки с value=5, div pay скрывался (slideUp), а при выборе других раскрывался (slideDown)?
