JSFiddle - React, Tailwind, and code Playground

by Vaibhav Deshwal

HTML

<ul id="nav">
    <li><a href="#Link1">Link1</a></li>
    <li><a href="#Link2">Link2</a></li>
    <li><a href="#Link3">Link3</a></li>
    <li><a href="#Link4">Link4</a></li>
    <li><a href="#Link5">Link5</a></li>
    </ul>

CSS

#nav li.current a { 
    color: red;
}
#nav li.current {
    background-color: red; 
}

JavaScript

$('#nav li').onClick(function() {
 var href = $(this).find('a').attr('href');
alert(href);
 }
 );