JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<div id="thenavigation">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

CSS

.highlight {background-color: #F00; color: #FFF;}
#thenavigation li {display: inline; padding: 0 10px;}
#thenavigation li:hover {cursor: pointer;}

JavaScript

$('#thenavigation li').click(function() {
    $(this).addClass('highlight').siblings().removeClass('highlight');
});