JSFiddle - React, Tailwind, and code Playground
HTML
<div class ="scorer_filter">
<a href="#" class="hide_full_list" data-less="Show Less" data-more="Show More" data-table-id="32301" id="toggle">Show More</a>
</div>
JavaScript
$(function() {
$(".scorer_filter").on("click", ".hide_full_list", function(){
var txt = $('#toggle').text();
txt = (txt == "Show More") ? $('#toggle').data("less") : $('#toggle').data("more");
$('#toggle').text(txt);
});
});