<style>
.t-input-group.t-input-group_rd .t-radio__wrapper {
display: flex;
flex-wrap: wrap;
width: 160px;
}
.t-input-group.t-input-group_rd .t-radio__wrapper label {
width: 50%;
}
.t-radio__control:first-child {
margin: 0px 0 10px 0;
}
</style>
<script>
$(document).ready(function(){
let servWr = $('input[name="connection"]').closest('.t-input-block');
let whatsapp = $('input[name="whatsapp"]').closest('.t-input-group');
let telegram = $('input[name="telegram"]').closest('.t-input-group');
let email = $('input[name="email"]').closest('.t-input-group');
let phone = $('input[name="phone"]').closest('.t-input-group');
function hideInput(){
whatsapp.addClass('whatsapp callinput').hide();
telegram.addClass('telegram callinput').hide();
email.addClass('email callinput').hide();
phone.addClass('phone callinput').hide();
$('.callinput').find('input:not([type=checkbox])').removeClass('js-tilda-rule').removeAttr('data-tilda-req').attr('disabled','disabled');
};
hideInput();
servWr.find('input').on("change", function() {
let radioIdx = $(":radio[name='connection']")
.index($(":radio[name='connection']:checked"));
hideInput();
if(radioIdx==0){
$('.whatsapp').show();
$('.whatsapp').find('input:not([type=checkbox])').addClass('js-tilda-rule').attr('data-tilda-req',1).removeAttr('disabled');
};
if(radioIdx==1){
$('.telegram').show();
$('.telegram').find('input:not([type=checkbox])').addClass('js-tilda-rule').attr('data-tilda-req',1).removeAttr('disabled');
};
if(radioIdx==2){
$('.email').show();
$('.email').find('input:not([type=checkbox])').addClass('js-tilda-rule').attr('data-tilda-req',1).removeAttr('disabled');
};
if(radioIdx==3){
$('.phone').show();
$('.phone').find('input:not([type=checkbox])').addClass('js-tilda-rule').attr('data-tilda-req',1).removeAttr('disabled');
};
});
});
</script>