JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        <p>Paragraph text.</p>                
    </div>
</div>

CSS

.outer {
    background: red;
    padding: 25px;
}

.inner {
    background: white;
    padding: 25px;
}

JavaScript

$(".outer")
    .on("click", function () {
        $(this).find(".inner").slideUp();
    })
    .on("click", ".inner", function (event) {
        event.stopPropagation();
    });