JSFiddle - React, Tailwind, and code Playground

by manishkumarshr

HTML

<div class="menu-gila-container">
    <ul id="menu-gila" class="menu nav-menu">
        <li class="current-menu-item"><a href="home">HOME</a></li>
        <li><a href="html">HTML</a></li>
        <li><a href="css">CSS</a></li>
        <li><a href="php">PHP</a></li>
        <li><a href="mysql">MYSQL</a></li>
        <li><a href="gaze">GA TAU</a></li>
        <li><a href="gaze">GA TAU</a></li>
        <li><a href="diary">DIARE</a></li>
        <li><a href="ask">ASK ME</a></li>
        <li><a href="about">ABOUT</a></li>
    </ul>
</div>

CSS

.current-menu-item {
    color: red;
}

JavaScript

$(document).ready(function() {
    $("ul.nav-menu li").click(function(e) {
        e.preventDefault();
        $(this).siblings('li').removeClass('current-menu-item');
        $(this).addClass('current-menu-item');
    }); 
});