JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bullet-container"><div class="numbers">
<span><a data-description="World" class="bullet" tabindex="-1"><div>1</div></a> </span>
<span><a data-description="apple"  class="bullet" tabindex="-1"><div>2</div></a> </span></div></div>

<div class="description">hello</div>

JavaScript

$(document).ready(function() {

    $('.bullet').click(function() {
        $('.bullet').removeClass("active");
        $(this).addClass("active");
        $('.description').text($(this).data('description'))
    });


});