JSFiddle - React, Tailwind, and code Playground

HTML

<div class='padre'>
    <div class='hijo'>
        Hello 2
    </div>
</div>
<a href="#" id="action">action</a>

CSS

.padre{ width: 200px; height: 200px; background-color: red}
.hijo { width: 100px; height: 100px; background-color: blue}

JavaScript

$('#action').click(function () {
    //var this_parent = $(this).parent('div');
    /*
    if (this_parent.is(':hidden')) {
        this_parent.show();
    }
    */
    $('.padre').fadeOut(500);
});