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: 'http://fiddle.jshell.net/favicon.png',
        context: document.body,
        success: function(data) {
            alert(data.slice(0,100));
            $('#tooltip').innerHTML = data;
        }
    });
   // $('#tooltip').innerHTML = "<img src='http://placehold.it/330x150'/>"
    $('#tooltip').show();
    return false;
});