JSFiddle - React, Tailwind, and code Playground

by Manoj kumar Lakshman

HTML

<div class="container">
     <a href="some url">Link 1</a>
     <a href="some url">Link 2</a>
     <a href="some url">Link 3</a>

     <div class="poptip">Some content related to link 1 retreived with ajax</div>
     <div class="poptip">...</div>
     <div class="poptip">...</div>
</div>

CSS

.poptip{
    display:none;
}

JavaScript

$(function(){
	$('a').on('hover',function(){
    	var ind = $('a').index(this);
        $('.poptip').eq(ind).css('display','block');
    });
});