Highlight Active Class in Navigation with jQuery
<p>I have been trying multiple solutions for this, but I have not been able to get this to work.</p>

<p>I'm currently using a Coda-type slider to propagate the content on my website using the following navigation:</p>

<pre><code>            &lt;div class="navigation"&gt;
                &lt;ul&gt;
                    &lt;li id="home"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="work"&gt;&lt;a href="#work-showcase"&gt;Work Showcase&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="offerings"&gt;&lt;a href="#brand-offerings"&gt;Offerings&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="about"&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
                    &lt;li id="reason"&gt;&lt;a href="#wow-factor"&gt;Reason to Believe&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;   
            &lt;/div&gt;
</code></pre>

<p>I have a few pages on my website that fall outside of the slider content.  I would like to be able to when on one of these "non-slider" pages -- to be able to click on one of the slider options at the top -- and have that content slide's navigation option highlighted with the .active or in my case ".there" class.</p>

<p>For example -- If I am on -- /packaged-brand-solutions.php (non-slider)  and I click on: Work Showcase (/index.php#work-showcase) -- not only does that area of the slider load -- but its accompanying navigation option is highlighted.</p>

<p>Any help would be appreciated.</p>
