changing a header color by clicking on an anchor href
<p>I'm trying to make a nav bar which will be fixed to the side of the page with an unordered list. The list items will link down the page via anchor. </p>

<p>However, I want an h2 element to change colors based on which element in the fixed nav bar is clicked on. </p>

<p>For example: When "home" is clicked in the nav it will anchor down the page to the id #home and then also change the h2 color to an active color. THEN when "about us" is clicked in the nav, it needs to remove the active color from #home, and add it to #about. </p>

<p>This requires both adding and removing classes through jquery (maybe??) but I just don't know enough. I made a <a href="https://jsfiddle.net/wo8ceL19/3/" rel="nofollow noreferrer">fiddle</a> to get my point across.</p>

<p>This is my current jquery script which will not be able to add a color to an active anchor:</p>

<pre><code>$('#header li a').on('click', function() {
 $('li a.current').removeClass('current');
 $('#1').addClass('current');});
</code></pre>