const personTypeInput = $('input[name="type"][type="radio"]'); $(document).ready(handlePersonTypeTabs); personTypeInput.change(handlePersonTypeTabs); const naturalPersonInputs = $('#natural-person-wrapper'); const legalPersonInputs = $('#legal-person-wrapper'); function handlePersonTypeTabs() { const field = $('input[name="type"][type="radio"]:checked').length > 0 ? $('input[name="type"][type="radio"]:checked') : $('input[name="type"]'); const value = field.val(); handleTabSwitch(tabs[value]); } const tabs = { 0: naturalPersonInputs, 1: legalPersonInputs, }; function handleTabSwitch(selectedTab) { disableAllTabs(); enableTab(selectedTab); } function enableTab(tab) { tab.prop('disabled', false); tab.show(); } function disableAllTabs() { const tabArray = Object.values(tabs); for (let tab of tabArray) { tab.prop('disabled', true); tab.hide(); } }