JSFiddle - React, Tailwind, and code Playground

by NicosKaralis

HTML

<div>
    <ul>
        <li><a href="#">Link 1</a></li>
     <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
    </ul>
</div>
<div id="tooltip">
    <img src=http://placehold.it/350x150 />
</div>

CSS

#tooltip {
    display:none;
}

JavaScript

$('a').click(function() {
    $.ajax({
        url: "/echo/html/",
        context: document.body,
        success: function(data) {
            $('#tooltip').innerHTML= data;
        }
    });
    $('#tooltip').innerHTML = "<img src='http://placehold.it/330x150'/>"
    $('#tooltip').show();
    return false;
});