JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div>
<ul>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>

CSS

.active{
  background:red;
  }
ul{
  //background:blue;
}

JavaScript

$(document).ready(function(){
$('li').on('click',function(){
$('ul').removeClass('active');
$(this).parent().toggleClass('active');
});
});