JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="social">
    <li><a class="rss" href="#"></a>
        <!-- icon -->
        <div id="tiprss" class="tip">
            <!-- tooltip -->
            <ul>
                <li><a href="#">580 Readers</a></li>
                <li><a href="#"><small>[Subscribe]</small></a></li>
            </ul>
        </div>
    </li>
</ul>
<br />
<div id="inTip">hover content shows here</div>

CSS

#inTip { background:#ccc; padding:10px; }

JavaScript

$('#social li').bind('mouseover',function(e){
    $('#inTip').html($(this).find('.tip').html());
});

$('#social li').bind('mouseout',function(e){
    $('#inTip').html('');
});