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

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"/>