JSFiddle - React, Tailwind, and code Playground

HTML

<button id="toggleP"><b>[CLICK ME] Show/hide P</b></button>
<div class="parent-g">
<div class="g">TEST</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div class="g">ok</div>
<div...

CSS

.g {display:block;}
.gHide {display:none;}

JavaScript

var show = true;
$(document).ready(function() {
    $('#toggleP').click(function() {
        if (show) {
            $('.g').removeClass('g').addClass('gHide');
            show = false;
        } else {
            $('.gHide').removeClass('gHide').addClass('g');

            show = true;
        }

    });
});