JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <h1 class="cloud"><a>bla</a></h1>
    <div style="display:none;" class="caption">
        <p>test</p>
    </div>
</div>

JavaScript

$(".wrap").hover(function()
   {
    var pos = $(this).find('h1');
    var position = pos.position();
    pos.next().css({ 'top' : position.top+45});
    pos.next().css({ 'left' : position.left+12});
    pos.next().slideDown("slow");
  } , 
  function() 
{
    var pos = $(this).find('h1');
    pos.next().slideUp("slow");
});