JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<ul id="menu">
    <li><a href="javascript:void(0);">menu01</a></li>
    <li><a href="javascript:void(0);">menu02</a></li>
    <li><a href="http://fiddle.jshell.net/kachibito/nR5ek/3/show/">menu03</a></li>
    <li><a href="javascript:void(0);">menu04</a></li>
    <li><a href="javascript:void(0);">menu05</a></li>
</ul>

CSS

a.active[color:red;font-size:50px;]

JavaScript

$(document).ready(function() {
var url = document.URL;
$('#menu a[href="'+url+'"]').addClass('active');
});