I'd like to have a class dynamically added to the topmost LI in the hierarchy when a descendant page is the current page. The default behavior adds the .rpExpanded class to the first anchor of the topmost node, but this does me no good as I need to style the whole LI, not just the anchor. Has anyone found a solution to this?
Just in case any of this is unclear, I'll attempt to diagram the node I'd like to dynamically class:
UL
|.... LI.rpItem
|.... LI.rpItem (I need a class! this node contains the current page but how am I to show this with styling?)
|.... A.rpExpanded (why am I classed? I could easily be styled with descendant selectors!)
|....UL.rpGroup
|.... LI.rpItem
|.....A.rpSelected (I'm the current page)
|.... LI.rpItem
|.....A
|.... LI.rpItem
My PanelBar is databound, so templating probably isn't going to be an option. Thanks in advance for any help!
Just in case any of this is unclear, I'll attempt to diagram the node I'd like to dynamically class:
UL
|.... LI.rpItem
|.... LI.rpItem (I need a class! this node contains the current page but how am I to show this with styling?)
|.... A.rpExpanded (why am I classed? I could easily be styled with descendant selectors!)
|....UL.rpGroup
|.... LI.rpItem
|.....A.rpSelected (I'm the current page)
|.... LI.rpItem
|.....A
|.... LI.rpItem
My PanelBar is databound, so templating probably isn't going to be an option. Thanks in advance for any help!