JSFiddle - React, Tailwind, and code Playground

by Tom Randolph

HTML

<div class="expandable-container">
    <h2>Clicker</h2>
    <div class="expandable hide">
        <p>herp</p>
        <p>derp</p>
        <p>purp</p>
    </div>
</div>

CSS

.hide{
    display: none;
}


.expandable-container h2{
    cursor: pointer;
}

JavaScript

$(function(){
    $( '.expandable-container h2' ).on( 'click', function( e ){
        $( e.target ).siblings( 'div' ).toggle();
    });
});