How to highlight a child node in a navigation rule in mobile?
I have a requirement where I need to display a menu on click of a down arrow sign just for mobile. We have used the navigation rule and added child nodes and added refresh conditions as we need to refresh some other section when a value is selected from the menu. Let's say I have 3 Child Items as A, B and C for Parent X. Whenever, I click on any of the child, it highlights just the first one(A) although I click B or C. I need to retain the last clicked child item to show the user what was the one that he clicked the last. This shall only be applicable for mobile.
I have a navigation rule that is written with a parent and multiple child nodes, so that it can appear as a menu on click of an arrow sign. I need the menu only for mobile and I have written media queries to achieve that which is also not having any problem. I want to have the clicked menu item to change color on click atleast. I have inspected and found that the navigation rule creates a ul element with multiple li elements. The problem is, whatever I click on the menu, only the first item(1st child element) is highlighted always in the menu.