JSFiddle - React, Tailwind, and code Playground

HTML

<h6 class="editMyProfileSection">BUTTON</h6>
<br /><br />
<h3 class="profileRightAboutMeText">Heya, this is all the text.</h3>     
<textarea class="profileRightAboutMeTextarea"></textarea>

JavaScript

var textArea = $('textarea.profileRightAboutMeTextarea');

textArea.hide();


$(document).on('click','h6.editMyProfileSection', function() {

    var originalText = $('h3.profileRightAboutMeText').text();

    $('h3.profileRightAboutMeText').fadeOut('fast', function() {
        $('textarea.profileRightAboutMeTextarea').text(originalText).fadeIn('fast');
    });


    //alert(originalText);

});