how to hide one field and show another field using coral switch?

[karthick1356]

i tried like this but could not work

<switch
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/switch"
fieldLabel="Toggle Field"
name="./mySwitch"
granite:data-showhidetarget=".toggleField"
granite:data-showhidetargetvalue="true,false"
granite:class="coral-Form-field"/>
<textfield1
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Field to Hide"
name="./fieldToHide"

granite:class="toggleField coral-Form-field"/>
<textfiel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Field to Show"
name="./fieldToShow"

granite:class="toggleField coral-Form-field"/>

[arunpatidar · Accepted solution]

It may not work OOTB, OOTB only works with dropdown

You need to write your own logic similar to Checkbox https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/show-hide-widgets/in... 

https://github.com/Adobe-Consulting-Services/acs-aem-commons/blob/master/ui.apps/src/main/content/jc... 

[karthick1356]

@arunpatidar , Thanks. Will look into provided reference.