JSFiddle - React, Tailwind, and code Playground

HTML

<div id="RowMore">
         <p class="ViewText">
              <span class="openbox">Я хочу узнать больше</span>
              <div class="LongContent" style="display:none;">Здесь подробный текст</div>
         </p>
    </div>

CSS

.openbox{
    cursor: pointer;
}

JavaScript

$(".openbox").click(function () {
        alert();
        $(".LongContent").toggle("slow");
        if ($('.LongContent').is(:hidden))
            $(this).text('Я хочу узнать больше');
        else
            $(this).text('Свернуть');
    });