My page template has a global embedded top navigation and a small left aligned sub navigation. On the sub navigation I would like the current page the user is on to be highlighted with a class of some sort. I have seen examples of this but those examples seem to be based on a static menu that doesn’t get it’s contents from a channel like mine does.
My code for this sub navigation is:
<ul class="leftNav">
{exp:channel:entries channel="section_about" dynamic="off" sort="asc"}
<li><a href="http://{url_title}">{title}</a></li>
{/exp:channel:entries}
</ul>The code I have found online looks like this:
<ul>
<li><a href="http://./class=current">Home</a></li>
<li><a href="http://dont_hire/class=current">Don’t Hire Us</a></li>
<li><a href="http://portfolio/class=current">Portfolio</a></li>
</ul>As you can see it’s great for a static menu but how could I apply this code to me environment? and is it even appropriate for it?