JSFiddle - React, Tailwind, and code Playground

HTML

<img src="//placehold.it/300x300"/>
<div style="display: none;">Ваш список тут :-) 1</div>
<img src="//placehold.it/300x300"/>
<div style="display: none;">Ваш список тут :-) 2</div>
<img src="//placehold.it/300x300"/>
<div style="display: none;">Ваш список тут :-) 3</div>
<img src="//placehold.it/300x300"/>
<div style="display: none;">Ваш список тут :-) 4</div>
<img src="//placehold.it/300x300"/>
<div style="display: none;">Ваш список тут :-) 5</div>

CSS

img {
    cursor: pointer;
}

JavaScript

Array.prototype.forEach.call(document.querySelectorAll("img"), function(img, index)
                             {
                                 img.onclick = function()
                                 {
                                     img.style.display = "none";
                                     document.querySelectorAll("div")[index].style.display = "block";
                                 }
                             });