JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<div style="display:none;" class="test">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia nobis ullam consequuntur magnam tenetur ab. Delectus excepturi alias sint quod nostrum perspiciatis labore esse reiciendis itaque illum aliquid facere recusandae.
</div>


<button class="button">Show text</button>

JavaScript

$('.button').click(function(){
    $('.test').toggle(function(){
        if($('.test').is(':visible')){
            $('.button').text('Hide text');
        }else{
            $('.button').text('Show text');
        }
    });
});