JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button" onclick="done('david',33)">click</div>
<div class="info-holder"></div>
<div class="info"></div>

CSS

.info {
    display:none;
    background: rgba(0, 0, 0, .4);
    width: 400px;
    height: 100px;
    margin: 50px auto;
    padding: 15px;
}
.button {
    width: 40px;
    height: 20px;
    background:red;
    cursor:pointer;
}
.jj {
    width: 120px;
    height: 80px;
    background:gray;
    color:white;
    cursor:pointer;
}

JavaScript

function done(a, b) {
    $(".info-holder").append("<div class='jj' >" + b + "<div>");
    $(document).on("click", ".jj", function () {
        $('div.info').html('name: ' + a + ' - age:' + b);
        $('div.info').fadeIn();
    });
};