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

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