JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box1">
        <div class="box2">
        </div>
    </div>

CSS

.box2 {
        background-image: url(http://www.webdesign.org/img_articles/14881/site-background-pattern-07.jpg);
        width: 100px;
        height: 100px;
    }
    
    .box1 {
        height: 100px;
        width: 100px;
        background: #000000;
        opacity: 0;
    }

JavaScript

$('.box2').click(function(){
        $('.box1').animate({
            opacity: 1
        });
    });