JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<div class="class1">
	<p>Петя пошел на улицу</p>
	<div class="fsdf"></div>
	<div class="class2"></div>
</div>

CSS

.class1{
    width: 300px;
    height: 250px;
    background: #777;
    margin: 10px auto;
    padding: 60px  0px  0px  0px;
    cursor:  pointer;
}

.class2{
    width: 180px;
    height: 180px;
    background: #8BC34A;
    margin: -120px auto;
}

.fsdf{width:  50px;height: 120px;background: #795548;}

p{
	background: #F44336;
}

JavaScript

$('.class1').click(function(){
 
    if(event.target.classList=='class1'){
        $(this).fadeOut();
    }
 
});