JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image" value="1">
    <img src="thumbnail.jpg" />
</div>

<div class="image"  value="2">
    <img src="thumbnail.jpg" />
</div>
<div id="portfolio2" class="details">more details</div>
<div id="portfolio1" class="details">details</div>

JavaScript

$(document).ready(function () {
    $('.details').fadeOut();

    $(".image").click(function () {
        var num = $(this).attr("value");
        $("#portfolio"+num).fadeIn(1000);
    });
});