Advanced Jquery | Scroll Nav Selected
<p>I need help with selecting a li element when a user scrolls to a particular section on a page: </p>

<p>See here for my progress: <a href="http://jsfiddle.net/FvBqA/349/" rel="nofollow">http://jsfiddle.net/FvBqA/349/</a></p>

<p>If you click on the "services" link the text color should change to red as you are on that section of the page, same again if you were to click on "home" or "contact".</p>

<p>I have an idea regarding the jquery is that you'd need to be able to add and remove classes to the LI so that the css can pick up the selected class and render as per.</p>

<p>The functionality can be viewed here: <a href="http://demicreative.com/#capabilities" rel="nofollow">http://demicreative.com/#capabilities</a></p>

<p>If you scroll down and see the work section you will notice the nav item is selected - I am after the same functionality.</p>
