JSFiddle - React, Tailwind, and code Playground

HTML

<p rel="Content">Click</p>
<div id="continents"></div>

CSS

.popup {
    width: 300px; height: 200px;
    position: absolute;
    left: 580px;
    top: 40px;
    padding: 5px; background: #ccc;
    border-radius: 5px;
    z-index: 100;
    border: 1px solid #ccc;
}

JavaScript

$("p").click(function() {
    var continent = $(this).attr('rel'),
        pop       = $('<div></div>').addClass('popup').html(continent);
        pop.css({'opacity' : 0});        

        pop.insertAfter('#continents');
        pop.animate({'left': '550px', 'opacity': 1}, 500);
});