JSFiddle - React, Tailwind, and code Playground

by majidf

HTML

<a href="#" class="someButton">
    <span class="play">Click</span>
</a>

CSS

.play { color: green; }
.stop { color: red; }

JavaScript

$('a:has(.play)').live('click', function() {
    $(this).find('span').removeClass('play').addClass('stop');
    alert('PLAY');
});

// stop
$('a:has(.stop)').live('click', function() {
    $(this).find('span').removeClass('stop').addClass('play');
    alert('stop');
});