JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="framechange">
<li>hallo</li>
<li>welt</li>
<li>test</li>
</ul>
CSS
ul#framechange > li {
color: #000;
background-color: #eee;
margin: 5px;
}
ul#framechange > li.active {
background-color: red;
}
JavaScript
$(document).ready(function(){
$("ul#framechange > li").click(function(){
$("ul#framechange > li").removeClass();
$(this).addClass("active");
});
});