JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><b href="#">Item 1</b></li>
    <li><b href="#">Item 2</b></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
    <li><a href="#">Item 5</a></li>
</ul>

<input type="button" value="Reset All" id="btn" />

CSS

b.active{
    color:#ff3fff;
}

JavaScript

$.noConflict();
function removeActive(){
    $("b").removeClass("active");
}

$("b").click(function( q ){
    q.preventDefault();
    removeActive();
    $(this).addClass("active");
});