Question

I have this UL/LI.

Users will choose them from a menu and what I need to achieve is to get a text line of the entire route. For example First Level 2 - Second Level 1 - Third Level 1.
And, at the same time I’d like to validate that there’s no more options on the right side.
For example if users click First Level 2 - Second Level 1 I’d like to do something in order to let him know that there are more choices after FL2 - SL1 (a bool variable with true or false will do the work, I can take it from there with some warning)

I’ve played with the text attribute but it’s not working since the menu is nested and not in a single-level UL.

Any idea would be very much appreciated. Thanks.

Answer 1

Instead of li’s click event i have used anchor tag click event to get the route and checking any further levels are present

http://jsfiddle.net/q6yDe/586/