I have a list of items linking to anchors on the same page as my content and I have been trying to highlight the current link selected because I have a fixed container div with my content beside the list with hidden overflow as to simulate a show/hide effect.

I've worked out a similar example in jsfiddle to better illustrate what I'm trying to accomplish.

I can't seem to highlight the link corresponding to the displayed content. I have used pure html/css to highlight the selected menu item of a current page but not with items that link to content on the same page. I know how I would implement javascript, but I was hoping to find a css workaround.

Any suggestion? Appreciate your responses, thanks.