JSFiddle - React, Tailwind, and code Playground

by bartula

HTML

<a id="aTag" href="javascript:toggleAndChangeText();">
   HIDE
</a>
<div id="divToToggle">
   Content that will be shown or hidden.<strong>
</div>

JavaScript

function toggleAndChangeText() {
     $('#divToToggle').slideToggle();
     if ($('#divToToggle').css('display') == 'none') {
          $('#aTag').html('SHOW');
     }
     else {
          $('#aTag').html('HIDE');
     }
}