<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>