JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="overview">
    <li>
        <a href="xy.jpg">Link: <span class="desc">I am image.</span></a>
    </li>
</ul>

<div id="large-img">
</div>

CSS

#large-img { background: cyan; width: 200px; height: 100px; }

JavaScript

$('.overview li a').click(function(){  
        $('<img>').attr('src', $(this).attr('href'))
            .add('<br>')
            .add($('<div>').html($(">.desc", this).html()))
            .hide()
            .appendTo($('#large-img'))
            .fadeIn('slow'); 
        return false;
});