Hide field depending on input

it is. you can use javascript to make your own “visibility-logic”.
e.g.

jQuery('.pods-form-ui-row-name-you-want-to-hide-here').hide(); 
jQuery(document.body).on('change', '.pods-form-ui-field-name-which-should-trigger', function() {     
	if (jQuery(this).val() == 'your-val') {
		jQuery('.pods-form-ui-row-name-you-want-to-hide-here').show()
		} else {
			jQuery('.pods-form-ui-row-name-you-want-to-hide-here').hide().val('')
			}; 
		});

Thanks for reply.

I tried the code and it “works” but not the way i was expecting.

So i have 3 forms pods-form-ui-pods-field-test, pods-form-ui-pods-field-test2, pods-form-ui-pods-field-testip3.

On intial page load the pods-form-ui-pods-field-test is the only form visibile. if its not empty the pods-form-ui-pods-field-test2 is visible. if its not empty pods-form-ui-pods-field-test3 is visbile.

And in reverse:

When pods-form-ui-pods-field-test3 is empty it will be hidded but the other 2 will show, when pods-form-ui-pods-field-test2 is empty. only pods-form-ui-pods-field-test1 will be visbile.

You can modify the above function according to your needs in terms of showing/hiding fields. Just add extra selectors! ??

Thanks but i cant get it to work, i have 3 fields and whatever i do i get the wrong combination. any help would be highly appreciated.

where to add this js code?