Hi I am developing a jquery script to handle multiple clicks on dropdown elements.
The script add and remove a class based on a data attribute and remove it when clicked outside.
The problem is this:
If i nest another element with a class to toggle and I click on it, the parent element get it’s class removed. I want the parent to keep it’s class and apply the class the child needs.
How can I prevent this?
I have just one rule, Absolutely no use of the e.stopPropagation().
I have seen lot’s of snippets and script with the stopPropagation method, and it’s risky if I have other scripts interacting with the element.
Thanks in advance for your help.
This is the demo: