JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="elem">Element</div>
    <div class="elem">Element</div>
    <div class="elem">Element</div>
</div>
<p><span class="add">Add new</span>
</p>
<div class="result">Result</div>

CSS

.elem:hover {
    background: #ccc;
    cursor: default;
}
.result {
    padding: 15px;
    background: #FF7F50;
    color: #fff;
}
.add {
    color: #fff;
    background: #444;
    cursor: pointer;
}
.result {
    display: none;
}

JavaScript

$('.block').on('click', '.elem', function() {
    $('.result').show().fadeOut('slow');
});

$('.add').on('click', function() {
    $('.block').append('<div class="elem">Element</div>');
});