Menu icon Foundation
Foundation 5: Conditional Fields Show/Hide

I've got a set of fields that should not show unless the user selected Yes/No (via radio buttons). I haven't yet found a way to manage this with Foundation alone, but adding in a jQuery plugin to handle it doesn't work.

I think there is a conflict, but nothing helpful comes up when debugging. Any pointers are appreciated..

Note: This is in a custom app that is behind a corporate firewall so I can't show anything here.

Foundation 5formsfieldsconditionalshow/hide

I've got a set of fields that should not show unless the user selected Yes/No (via radio buttons). I haven't yet found a way to manage this with Foundation alone, but adding in a jQuery plugin to handle it doesn't work.

I think there is a conflict, but nothing helpful comes up when debugging. Any pointers are appreciated..

Note: This is in a custom app that is behind a corporate firewall so I can't show anything here.

Alexander Assimidis over 5 years ago

So then do it with CSS that means

Set ur field to display:none;

and set it to display:block; when the radio buttons got the class "checked"

Lyn over 5 years ago

Hey there Eric,

Can you please give us the code of your form ?
Depending on how it's written, you can do it with Javascript or CSS.

Regards,

Lyn.