JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<div class="outer">
    <div class="inner">
        <p>Paragraph text.</p>                
    </div>
</div>

CSS

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

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

JavaScript

$("p").text(function () {
    return "Using jQuery " + $.fn.jquery;
});

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

$(".inner").bind("click", function (event) {
    event.stopPropagation();
});