JSFiddle - React, Tailwind, and code Playground

HTML

<div class="l-cnt__side"> 
    <div class="b-socials">
       <a href="#" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
            
       <a href="http://vk.com/larson_holz_it_ltd" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
                
       <a href="http://www.facebook.com/pages/LarsonHolz-It-Ltd/217822734979282" class="b-socials__link"data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
                
        <a href="https://twitter.com/#!/Larson_Holz" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
                
        <a href="http://lh-broker.livejournal.com/" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
                
        <a href="" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" alt=""></a>
                
                <a href="" class="b-socials__link" data-tooltip="пояснительный текст"><img src="http://static.diary.ru/userdir/2/0/0/4/2004853/76618480.png" data="images/icon_social-heart_big.png, images/icon_social-heart_small.png"' alt=""></a>
                            
            </div>
       </div>
     <div id="tooltipS"><div class="tooltip-tip-content"></div></div>

CSS

#tooltipS {
    position: absolute;
    z-index: 999;
    display: none;
    }

    #tooltipS .tooltip-tip-content {
    position: relative;
    white-space: nowrap;
    background: url(../images/tooltip_background.png);
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 7px;
    left: -50%;
    }

JavaScript

<script>
//Всплывающая подсказка
$(function() {
$('.l-cnt__side').on('mouseenter mouseleave','.b-roundBox .b-socials a.b-socials__link',function(e){
    if(e.type=='mouseenter'){
      var ObjOffSet=$(this).offset();
      $('#tooltipS').css({'top':(ObjOffSet.top+25),'left':(ObjOffSet.left+$(this).outerWidth()/2)}).show().find('.tooltip-tip-content').html($(this).attr('data-tooltip'));
    }else if(e.type=='mouseleave'){
      $('#tooltipS').hide().find('.tooltip-tip-content').html('');
    }
  });
});

</script>