Hello,

You can achieve your goal easily by using 2 Article list webparts on the same page template (well, there can be used also the Repeater webparts, it is equal). Now, one of them will list all the articles (#1) whereas the another one (#2) will show just the selected article (using a selected item transformation).

Please note, there needs to be define NO selected item transformation in the #1. This way, it will always show the pure article list. Moreover, in order to achieve the navigation effect, you need to insert some decision statement to the transformation to recognize the actual document which is supposed to be highlighted. This means, you can create either a custom function to transformation and do it in code or you can use expression as follows directly in the transformation:

<%# IfCompare(Eval("NodeGUID").ToString(), CMS.CMSHelper.CMSContext.CurrentResolver.ResolveMacros("{%cmscontext.currentdocument.nodeguid%}"), "normal link", "highlighted link") %>

Let's take a look at the settings of the #2. Please set the Show for document types property to your article document type. This will enforce it will be used exclusively on the article detail. Please also define the Selected item transformation for it as it is necessary for the article list detail.

Using this approach, you'll develop a SEO friendly solution, since all the articles will have their document name in the URL.