JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
                <div class="sixteen columns">
                    <h1 class="hero-h1">Lorem Ipsum</h1>
                    <h2 class="hero-h2">Lorem Ipsum</h2>
                </div>
            </div>

            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About Me</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#blog">Blog</a></li>
                    <li><a href="#contact">Contact Me</a></li>
                </ul>
            </nav>
            <script>
                $(document).ready(function () {
                    $("nav a").click(function () {
                        $("nav a").removeClass("active");
                        $(this).addClass("active");
                    });
                });
            </script>
            <style>
                .active{
                    background-color:yellow;
                }
            </style>