JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="PAUSE" class="tubular-pause">Pause</a>

<a href="#" id="PLAY" class="tubular-play">Play</a>

JavaScript

$('#PLAY').hide();
$('#PAUSE').click(function () {
    $(this).hide();
    $('#PLAY').show('fade');
});
$('#PLAY').click(function () {
    $(this).hide();
    $('#PAUSE').show('fade');
});