JSFiddle - React, Tailwind, and code Playground

by Stefan Zamfira

HTML

<ul id="nav">
    <li class="home"><a href="/">Home</a></li>
    <li class="benefits"><a href="/benefits/">Benefits</a></li>
    <li class="fq"><a href="/faq/">FAQ</a></li>
    <li class="learn-more"><a href="/learn-more/">Learn More</a></li>
</ul>

CSS

li.current a { color:red; }

JavaScript

(function($){
    $('#nav li').each(function(){
        if( $('a', this).attr('href') == window.location.pathname )
            $(this).addClass('current');
    });
})(jQuery);