JSFiddle - React, Tailwind, and code Playground

HTML

<!-- -->
<div class="member-content">
    <div class="member-box">
        <div class="photo">
            <img src="" alt="" />
        </div>
        <div class="contact-details">
             <h3>Mike</h3>
 <span class="role">Member</span>
            <br> <span class="telephone">07595 8674523</span>
            <br> <a href="#" class="read-more">Read More</a>

        </div>
        <!-- .contact-details -->
    </div>
    <!-- .member-box -->
</div>
<!-- .member-content -->
<div class="te contentDiv">
    <div class="myContent" style="display:none">
        <p>This Text is hidden</p> <a id="close_btn" href="#" class="close-more">Close</a>

    </div>
</div>
<!-- -->
<!-- -->
<div class="member-content">
    <div class="member-box">
        <div class="photo">
            <img src="" alt="" />
        </div>
        <div class="contact-details">
             <h3>Mike</h3>
 <span class="role">Member</span>
            <br> <span class="telephone">07595 8674523</span>
            <br> <a href="#" class="read-more">Read More</a>

        </div>
        <!-- .contact-details -->
    </div>
    <!-- .member-box -->
</div>
<!-- .member-content -->
<div class="te contentDiv">
    <div class="myContent" style="display:none">
        <p>This Text is hidden</p> <a id="close_btn" href="#" class="close-more">Close</a>

    </div>
</div>
<!-- -->
<!-- -->
<div class="member-content">
    <div class="member-box">
        <div class="photo">
            <img src="" alt="" />
        </div>
        <div class="contact-details">
             <h3>Mike</h3>
 <span class="role">Member</span>
            <br> <span class="telephone">07595 8674523</span>
            <br> <a href="#" class="read-more">Read More</a>

        </div>
        <!-- .contact-details -->
    </div>
    <!-- .member-box -->
</div>
<!-- .member-content -->
<div class="te contentDiv">
    <div class="myContent" style="display:none">
        <p>This Text is hidden</p> <a id="close_btn" href="#"...

JavaScript

$('.read-more').click(function () {
    $(this).closest('.member-content').next('.contentDiv').find('.myContent').show();
    $(this).hide();
});

$('.close-more').click(function () {
    $(this).closest('.contentDiv').prev('.member-content').find('.read-more').show();
    $(this).closest('.myContent').hide();
});