JSFiddle - React, Tailwind, and code Playground

HTML

<span class="imag">123</span>
<div>
  <p>Заголовок заголовок</p>
  <img src="http://placehold.it/200x100" alt="картинка" style="width:100%">
</div>

CSS

.imag {
  cursor: pointer;
}

div:last-of-type {
  width: 300px;
  height: auto;
  position: absolute;
  right: 40%;
  top: 30%;
  padding-top: 20px;
  background: gray;
  display: none;
}

div:last-of-type p {
  opacity: 0;
  background: white;
}

JavaScript

$('.imag').click(function() {
  $('div:last-of-type').slideDown(1000, function() {
    $(this).find('p').animate({opacity:1}, 1000);
  })
});