JSFiddle - React, Tailwind, and code Playground

HTML

<article id="{PostID}">
    <div class="post-content">
        <a><img />MOVE</a>
        <div class="post-content--padded">
            <p>Caption of the picture.</p>
        </div>
    </div>
    <div class="post-content">
        <a><img />MOVE</a>
        <div class="post-content--padded">
            <p>Caption of the picture.</p>
        </div>
    </div>
    <div class="post-content">
        <a><img />MOVE</a>
        <div class="post-content--padded">
            <p>Caption of the picture.</p>
        </div>
    </div>
</article>

JavaScript

$('.post-content--padded').hide();
$('.post-content').hover(function(){
    $(this).find('.post-content--padded').fadeToggle(2000);
});