JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="panel">
        Panel 1<br />
        <a class="more" href="#">more</a>
        <p>More Info 1 with some additional content</p>
    </div>
    <div class="panel alt">
        Panel 2<br />
        <a class="more" href="#">more</a>
        <p>More Info 2 with some additional content</p>
    </div>
    <div class="panel">
        Panel 3<br />
        <a class="more" href="#">more</a>
        <p>More Info 3 with some additional content</p>
    </div>
    <div class="panel alt">
        Panel 4<br />
        <a class="more" href="#">more</a>
        <p>More Info 4 with some additional content</p>
    </div>
</div>

CSS

a {color:yellow;}
#container {width:300px;}
.panel {background-color:green;padding:5px;color:#fff;width:100px;margin:10px;float:left;clear:left;}
.panel p {display:none;}
.panel.alt {clear:none;}

JavaScript

$('.more').click(function(e) {
    e.preventDefault();
    $(this).parent().children('p').toggle();
});