JQuery - Highlight current tab in navigation
<p>I have seen numerous ways to highlight the current tab, but they all have been with separate html pages where as I am not using different pages such as about.html, services.html etc.</p>

<p>I am currently using divs with the information I need, and whenever I click the 'about' tab a div will show with the about information. But I'm not sure of a way to highlight the tab.</p>

<p>Here is what I have as the html in the body:</p>

<pre><code>&lt;div id="wrapper"&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="Javascript:ShowContent('about');
                 Javascript:HideContent('graph')"
                 class="about"&gt;&lt;/a&gt;&lt;/li&gt;

    &lt;div class="portfolio"&gt;&lt;a class="portfolio"&gt;&lt;span&gt;Portfolio&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;

    &lt;div class="accordionContent"&gt;
            &lt;a href="Javascript:HideContent('about');
                     Javascript:ShowContent('graph')"
                class="graph"&gt;&lt;/a&gt;
    &lt;/div&gt;
&lt;/ul&gt;
</code></pre>

<p></p>

<p>The menu uses background graphics so I want to replace the original graphic with another. Also, as you can see I am using a accordion menu too. I'm not sure how much it will effect end code but I thought I should include that.</p>
