JSFiddle - React, Tailwind, and code Playground

HTML

<div id="side-bar">
<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">Who we are</a></li>
	<li><a href="#">Services</a></li>
	<li><a href="#">What to expect</a></li>
	<li><a href="#">Representative clients</a></li>
	<li><a href="#">Success stories</a></li>
	<li><a href="#">Current litigation</a></li>
	<li><a href="#">What if you could not be a doctor?</a></li>
</ul>
</div>

CSS

.active {color:red;}

JavaScript

$(document).ready(function () {
				$("#side-bar a").click(function () {
					var id = $(this);
			
					$(id).siblings().find(".active").removeClass("active");
					$(id).addClass("active");
					localStorage.setItem("selectedolditem", id);
				});
			
				var selectedolditem = localStorage.getItem('selectedolditem');
			
				if (selectedolditem !== null) {
					$(selectedolditem).siblings().find(".active").removeClass("active");
					$(selectedolditem).addClass("active");
				}
			});