JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Here is my Text</h1>

CSS

h1 {
  font-weight:normal; font-size: 62px; font-family: arial; 
  margin:20px 10px; cursor:pointer; color: #000;
}

JavaScript

$(function() {

    var Text = $('h1');

    Text.click(function() {
        Text.animate({'font-weight':'bold'},600)
            .delay(200).animate({'font-weight':'normal'},600);
    });
    
});