JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spoiler-body">Скрытый текст, который появится при наведении</div>
	<b class="spoiler-title"></b>

CSS

.spoiler-body {
  display: none;
}

.opened {
  display: block !important;
}

JavaScript

if($('.spoiler-body').hasClass('opened')) {
		$('.spoiler-title').html('Скрыть текст');
		$('.spoiler-title').click(function(){
			$('.spoiler-body').removeClass('opened');
		});
        
    }
    else {
			$('.spoiler-title').html('Показать текст');
    	$('.spoiler-title').click(function(){
			$('.spoiler-body').toggleClass('opened');
		});
        
    }