css,js实现在鼠标移动到一个位置在这个位置下面显示一个已经存在的div，这个div的位置随意

<div id="retreatdiv">
   <p class="retreat font_s" >
                   这是要显示的内容

    </div>

//当鼠标移动到这个<span>时候

<span class='explain1'>移动到这</span>

$('.explain1').hover(function(){
            
              var eTop=$(this).offset().top;
              var eRight=$(this).offset().left;
              
              $('.retreat').css({'top':eTop+20+'px','left':eRight-170+'px'}).show()
                
              },function(){
                  
                  $('.retreat').hide();
          })