JSFiddle - React, Tailwind, and code Playground

HTML

<!-- First Box -->
<div class="expandingBox">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam sed sem porttitor egestas. Cras in imperdiet orci. Donec ullamcorper nibh purus, nec ultrices leo malesuada tincidunt. Morbi in urna tincidunt diam rhoncus feugiat eu ut enim. Morbi ipsum massa, vestibulum a iaculis quis, porttitor in sem. Suspendisse id mattis ipsum, vitae pellentesque augue. Etiam sit amet fermentum erat, viverra pharetra magna. Vivamus a rutrum lectus. Sed tempus congue tincidunt.</p>
    
    <a href="#" class="toggleLink">more</a>
    
    <div class="extraContent" style="display: none;">
        <h2>Hidden content</h2>
        <p>Extra content</p>
        <h2>A subtitle</h2>
        <p>Yet more interesting facts</p>
        <img src="http://tinyurl.com/9d9l9ea" style="width: 280px;" />
    </div>
</div>


<!-- Second Box -->
<div class="expandingBox">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam sed sem porttitor egestas. Cras in imperdiet orci. Donec ullamcorper nibh purus, nec ultrices leo malesuada tincidunt. Morbi in urna tincidunt diam rhoncus feugiat eu ut enim. Morbi ipsum massa, vestibulum a iaculis quis, porttitor in sem. Suspendisse id mattis ipsum, vitae pellentesque augue. Etiam sit amet fermentum erat, viverra pharetra magna. Vivamus a rutrum lectus. Sed tempus congue tincidunt.</p>
    
    <a href="#" class="toggleLink">more</a>
    
    <div class="extraContent" style="display: none;">
        <h2>Hidden content</h2>
        <p>Extra content</p>
        <h2>A subtitle</h2>
        <p>Yet more interesting facts</p>
        <img src="http://tinyurl.com/9d9l9ea" style="width: 280px;" />
    </div>
</div>

CSS

.expandingBox {
    float: left;
    width: 300px;
    border: solid 1px black;
    padding: 10px;
    margin: 10px;
}

JavaScript

$(function() {
    
    $(".toggleLink").on("click", function() {
        // $(this) will be the "more" / "less" link that was clicked.
        // Find its parent, then inside that - select the "extra content"
        // box and toggle its visibility
        var extraContentBox = $(this).parent().find(".extraContent");
        extraContentBox.toggle();
        
        // Update the text of the toggle link based on the new visiblility
        // of the "extra content" div
        var linkText = (extraContentBox.is(':visible')) ? "less" : "more";
        $(this).parent().find(".toggleLink").text(linkText);
    });

});