JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">sdfsdfsdf</div>
<div class="thumb">
    <div class="bla">asdasdasd1</div>
</div>
<div class="thumb">
    <div class="bla">asdasdasd2</div>
</div>
<div class="thumb">
    <div class="bla">asdasdasd3</div>
</div>
<div class="thumb">
    <div class="bla">asdasdasd4</div>
</div>

CSS

#main { color: red }
.bla { display: none }
.thumb { cursor: pointer; background-color: blue; height: 100px; width: 100px; margin: 5px }

JavaScript

$(document).ready(function(){
    $('.thumb').click(function(){
        $('#main').fadeOut(500).html($(this).children('.bla').html()).fadeIn(200);
    })
});