Show hide dropdown

[#1]

I have used two shoe hide drop-down in a component when I choose one of the drop-down value the show hide option also reflects on the other drop-down too...

Is there any solution.. Thanks in advance

[#2 · Accepted solution]

Here you might have provided the same ''class"  property to targeted fields,

which you have used in Dropdown property(cq-dialog-dropdown-showhide-target)

Create different value for this(cq-dialog-dropdown-showhide-target) property for both the dropdowns and target the fields respectively.

[#3]

You need to use different target div ID to keep it separate. Check out https://levelup.gitconnected.com/aem-conditionally-show-or-hide-fields-in-touchui-dialogs-with-coral..., a great article by Theo