How to show hide feilds using Checkbox?

[Prachi_Mathur]

I created this component and follow these steps to show a field when a checkbox is checked but it is not working.

1. Add cq-dialog-checkbox-showhide class to checkbox field.

2. Add cq-dialog-checkbox-showhide-target data attribute to the granite:data node under checkbox and value will be jquery selector I have used .toggle.

3. Add the selector class to each field that you want to show/hide.

[Siva_Sogalapalli · Accepted solution]

Hi @Prachi_Mathur 

Please check below and see if that helps.

https://levelup.gitconnected.com/aem-conditionally-show-or-hide-a-field-based-on-a-checkbox-widget-o... 

https://experienceleague.adobe.com/docs/experience-manager-65/developing/components/hide-conditions.... 

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/show-hide-widgets/in...