JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<div id="block1">
	<div id="block2"></div>
</div>

CSS

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

#block2{
    width: 180px;
    height: 180px;
    background: #8BC34A;
    margin: 0px auto;
}

JavaScript

$('#block1').click(function(){
    (event.target.id=='block1') ? $(this).fadeOut() : '';
});