JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-container">
    This is the main content. Click it!
    <p class="hidden-content">This content is hidden until you click the parent element. Yay.</p>
</div>

CSS

.hidden-content { display: none; }

JavaScript

$('.main-container').click(
    function(e) {
        $(this).children('.hidden-content').toggle();
    });