JSFiddle - React, Tailwind, and code Playground

HTML

<button id='toca'>
  Alterar o text
</button>

<p id='msg-troca'>Texto 1</p>

<button id='toca2'>
  Esconder o text
</button>

<p id='msg-troca2'>Texto 1</p>

JavaScript

$(document).ready(() => {

	$('#toca').on('click', (e) => {
  	console.log($('#msg-troca').text())
  	if ($('#msg-troca').text() === 'Texto 2')
  		$('#msg-troca').text('Texto 1');
    else
    	$('#msg-troca').text('Texto 2');
  });
  
  $('#toca2').on('click', (e) => {
  	if ($('#msg-troca2').is(":visible"))
  		$('#msg-troca2').hide();
    else
    	$('#msg-troca2').show();
  });
});